stuff
@@ -0,0 +1,212 @@
|
||||
#? Config file for btop v. 1.2.13
|
||||
|
||||
#* Name of a btop++/bpytop/bashtop formatted ".theme" file, "Default" and "TTY" for builtin themes.
|
||||
#* Themes should be placed in "../share/btop/themes" relative to binary or "$HOME/.config/btop/themes"
|
||||
color_theme = "TTY"
|
||||
|
||||
#* If the theme set background should be shown, set to False if you want terminal background transparency.
|
||||
theme_background = False
|
||||
|
||||
#* Sets if 24-bit truecolor should be used, will convert 24-bit colors to 256 color (6x6x6 color cube) if false.
|
||||
truecolor = True
|
||||
|
||||
#* Set to true to force tty mode regardless if a real tty has been detected or not.
|
||||
#* Will force 16-color mode and TTY theme, set all graph symbols to "tty" and swap out other non tty friendly symbols.
|
||||
force_tty = False
|
||||
|
||||
#* Define presets for the layout of the boxes. Preset 0 is always all boxes shown with default settings. Max 9 presets.
|
||||
#* Format: "box_name:P:G,box_name:P:G" P=(0 or 1) for alternate positions, G=graph symbol to use for box.
|
||||
#* Use whitespace " " as separator between different presets.
|
||||
#* Example: "cpu:0:default,mem:0:tty,proc:1:default cpu:0:braille,proc:0:tty"
|
||||
presets = "cpu:1:default,proc:0:default cpu:0:default,mem:0:default,net:0:default cpu:0:block,net:0:tty"
|
||||
|
||||
#* Set to True to enable "h,j,k,l,g,G" keys for directional control in lists.
|
||||
#* Conflicting keys for h:"help" and k:"kill" is accessible while holding shift.
|
||||
vim_keys = False
|
||||
|
||||
#* Rounded corners on boxes, is ignored if TTY mode is ON.
|
||||
rounded_corners = True
|
||||
|
||||
#* Default symbols to use for graph creation, "braille", "block" or "tty".
|
||||
#* "braille" offers the highest resolution but might not be included in all fonts.
|
||||
#* "block" has half the resolution of braille but uses more common characters.
|
||||
#* "tty" uses only 3 different symbols but will work with most fonts and should work in a real TTY.
|
||||
#* Note that "tty" only has half the horizontal resolution of the other two, so will show a shorter historical view.
|
||||
graph_symbol = "braille"
|
||||
|
||||
# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
|
||||
graph_symbol_cpu = "default"
|
||||
|
||||
# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
|
||||
graph_symbol_mem = "default"
|
||||
|
||||
# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
|
||||
graph_symbol_net = "default"
|
||||
|
||||
# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
|
||||
graph_symbol_proc = "default"
|
||||
|
||||
#* Manually set which boxes to show. Available values are "cpu mem net proc", separate values with whitespace.
|
||||
shown_boxes = "cpu mem net proc"
|
||||
|
||||
#* Update time in milliseconds, recommended 2000 ms or above for better sample times for graphs.
|
||||
update_ms = 1000
|
||||
|
||||
#* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct",
|
||||
#* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly.
|
||||
proc_sorting = "memory"
|
||||
|
||||
#* Reverse sorting order, True or False.
|
||||
proc_reversed = False
|
||||
|
||||
#* Show processes as a tree.
|
||||
proc_tree = False
|
||||
|
||||
#* Use the cpu graph colors in the process list.
|
||||
proc_colors = True
|
||||
|
||||
#* Use a darkening gradient in the process list.
|
||||
proc_gradient = True
|
||||
|
||||
#* If process cpu usage should be of the core it's running on or usage of the total available cpu power.
|
||||
proc_per_core = False
|
||||
|
||||
#* Show process memory as bytes instead of percent.
|
||||
proc_mem_bytes = True
|
||||
|
||||
#* Show cpu graph for each process.
|
||||
proc_cpu_graphs = True
|
||||
|
||||
#* Use /proc/[pid]/smaps for memory information in the process info box (very slow but more accurate)
|
||||
proc_info_smaps = False
|
||||
|
||||
#* Show proc box on left side of screen instead of right.
|
||||
proc_left = False
|
||||
|
||||
#* (Linux) Filter processes tied to the Linux kernel(similar behavior to htop).
|
||||
proc_filter_kernel = False
|
||||
|
||||
#* Sets the CPU stat shown in upper half of the CPU graph, "total" is always available.
|
||||
#* Select from a list of detected attributes from the options menu.
|
||||
cpu_graph_upper = "total"
|
||||
|
||||
#* Sets the CPU stat shown in lower half of the CPU graph, "total" is always available.
|
||||
#* Select from a list of detected attributes from the options menu.
|
||||
cpu_graph_lower = "total"
|
||||
|
||||
#* Toggles if the lower CPU graph should be inverted.
|
||||
cpu_invert_lower = True
|
||||
|
||||
#* Set to True to completely disable the lower CPU graph.
|
||||
cpu_single_graph = False
|
||||
|
||||
#* Show cpu box at bottom of screen instead of top.
|
||||
cpu_bottom = False
|
||||
|
||||
#* Shows the system uptime in the CPU box.
|
||||
show_uptime = True
|
||||
|
||||
#* Show cpu temperature.
|
||||
check_temp = True
|
||||
|
||||
#* Which sensor to use for cpu temperature, use options menu to select from list of available sensors.
|
||||
cpu_sensor = "Auto"
|
||||
|
||||
#* Show temperatures for cpu cores also if check_temp is True and sensors has been found.
|
||||
show_coretemp = True
|
||||
|
||||
#* Set a custom mapping between core and coretemp, can be needed on certain cpus to get correct temperature for correct core.
|
||||
#* Use lm-sensors or similar to see which cores are reporting temperatures on your machine.
|
||||
#* Format "x:y" x=core with wrong temp, y=core with correct temp, use space as separator between multiple entries.
|
||||
#* Example: "4:0 5:1 6:3"
|
||||
cpu_core_map = ""
|
||||
|
||||
#* Which temperature scale to use, available values: "celsius", "fahrenheit", "kelvin" and "rankine".
|
||||
temp_scale = "celsius"
|
||||
|
||||
#* Use base 10 for bits/bytes sizes, KB = 1000 instead of KiB = 1024.
|
||||
base_10_sizes = False
|
||||
|
||||
#* Show CPU frequency.
|
||||
show_cpu_freq = True
|
||||
|
||||
#* Draw a clock at top of screen, formatting according to strftime, empty string to disable.
|
||||
#* Special formatting: /host = hostname | /user = username | /uptime = system uptime
|
||||
clock_format = "%X"
|
||||
|
||||
#* Update main ui in background when menus are showing, set this to false if the menus is flickering too much for comfort.
|
||||
background_update = True
|
||||
|
||||
#* Custom cpu model name, empty string to disable.
|
||||
custom_cpu_name = ""
|
||||
|
||||
#* Optional filter for shown disks, should be full path of a mountpoint, separate multiple values with whitespace " ".
|
||||
#* Begin line with "exclude=" to change to exclude filter, otherwise defaults to "most include" filter. Example: disks_filter="exclude=/boot /home/user".
|
||||
disks_filter = ""
|
||||
|
||||
#* Show graphs instead of meters for memory values.
|
||||
mem_graphs = True
|
||||
|
||||
#* Show mem box below net box instead of above.
|
||||
mem_below_net = False
|
||||
|
||||
#* Count ZFS ARC in cached and available memory.
|
||||
zfs_arc_cached = True
|
||||
|
||||
#* If swap memory should be shown in memory box.
|
||||
show_swap = True
|
||||
|
||||
#* Show swap as a disk, ignores show_swap value above, inserts itself after first disk.
|
||||
swap_disk = True
|
||||
|
||||
#* If mem box should be split to also show disks info.
|
||||
show_disks = True
|
||||
|
||||
#* Filter out non physical disks. Set this to False to include network disks, RAM disks and similar.
|
||||
only_physical = True
|
||||
|
||||
#* Read disks list from /etc/fstab. This also disables only_physical.
|
||||
use_fstab = True
|
||||
|
||||
#* Setting this to True will hide all datasets, and only show ZFS pools. (IO stats will be calculated per-pool)
|
||||
zfs_hide_datasets = False
|
||||
|
||||
#* Set to true to show available disk space for privileged users.
|
||||
disk_free_priv = False
|
||||
|
||||
#* Toggles if io activity % (disk busy time) should be shown in regular disk usage view.
|
||||
show_io_stat = True
|
||||
|
||||
#* Toggles io mode for disks, showing big graphs for disk read/write speeds.
|
||||
io_mode = False
|
||||
|
||||
#* Set to True to show combined read/write io graphs in io mode.
|
||||
io_graph_combined = False
|
||||
|
||||
#* Set the top speed for the io graphs in MiB/s (100 by default), use format "mountpoint:speed" separate disks with whitespace " ".
|
||||
#* Example: "/mnt/media:100 /:20 /boot:1".
|
||||
io_graph_speeds = ""
|
||||
|
||||
#* Set fixed values for network graphs in Mebibits. Is only used if net_auto is also set to False.
|
||||
net_download = 100
|
||||
|
||||
net_upload = 100
|
||||
|
||||
#* Use network graphs auto rescaling mode, ignores any values set above and rescales down to 10 Kibibytes at the lowest.
|
||||
net_auto = True
|
||||
|
||||
#* Sync the auto scaling for download and upload to whichever currently has the highest scale.
|
||||
net_sync = True
|
||||
|
||||
#* Starts with the Network Interface specified here.
|
||||
net_iface = ""
|
||||
|
||||
#* Show battery stats in top right if battery is present.
|
||||
show_battery = True
|
||||
|
||||
#* Which battery to use if multiple are present. "Auto" for auto detection.
|
||||
selected_battery = "Auto"
|
||||
|
||||
#* Set loglevel for "~/.config/btop/btop.log" levels are: "ERROR" "WARNING" "INFO" "DEBUG".
|
||||
#* The level set includes all lower levels, i.e. "DEBUG" will show all logging info.
|
||||
log_level = "WARNING"
|
||||
@@ -0,0 +1,60 @@
|
||||
[global]
|
||||
monitor = 0
|
||||
follow = mouse
|
||||
geometry = "280x50-20+90"
|
||||
indicate_hidden = no
|
||||
shrink = no
|
||||
separator_height = 4
|
||||
separator_color = yes
|
||||
padding = 20
|
||||
horizontal_padding = 20
|
||||
frame_width = 3
|
||||
sort = no
|
||||
idle_threshold = 120
|
||||
font = Rubik 13
|
||||
line_height = 4
|
||||
markup = full
|
||||
format = "<b>%s</b>\n%b"
|
||||
alignment = left
|
||||
show_age_threshold = 60
|
||||
word_wrap = yes
|
||||
ignore_newline = no
|
||||
stack_duplicates = false
|
||||
hide_duplicate_count = yes
|
||||
show_indicators = no
|
||||
icon_position = left
|
||||
icon_path = "/home/end/.config/eww/images/linageOS Icons/1G.png"
|
||||
max_icon_size = 48
|
||||
sticky_history = yes
|
||||
history_length = 20
|
||||
browser = x-www-browser -new-tab
|
||||
always_run_script = true
|
||||
title = Dunst
|
||||
class = Dunst
|
||||
corner_radius = 10
|
||||
origin = top-right
|
||||
offset = 8x69
|
||||
|
||||
[shortcuts]
|
||||
close = ctrl+shift+space
|
||||
close_all = ctrl+shift+space
|
||||
history = ctrl+grave
|
||||
context = ctrl+shift+period
|
||||
|
||||
[urgency_low]
|
||||
timeout = 4
|
||||
background = "#1A1B2699"
|
||||
foreground = "#A4D7F1"
|
||||
frame_color = "#A4D7F1"
|
||||
|
||||
[urgency_normal]
|
||||
timeout = 8
|
||||
background = "#1A1B2699"
|
||||
foreground = "#A4D7F1"
|
||||
frame_color = "#A4D7F1"
|
||||
|
||||
[urgency_critical]
|
||||
timeout = 0
|
||||
background = "#1A1B2699"
|
||||
foreground = "#FDDC74"
|
||||
frame_color = "#FDDC74"
|
||||
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"configurations": [
|
||||
{
|
||||
"name": "Linux",
|
||||
"includePath": [
|
||||
"${workspaceFolder}/**",
|
||||
"/usr/include/**"
|
||||
],
|
||||
"defines": [],
|
||||
"compilerPath": "/usr/bin/clang",
|
||||
"cStandard": "c17",
|
||||
"cppStandard": "c++17",
|
||||
"intelliSenseMode": "linux-clang-x64",
|
||||
"configurationProvider": "ms-vscode.makefile-tools",
|
||||
}
|
||||
],
|
||||
"version": 4
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
{
|
||||
"files.associations": {
|
||||
"optional": "cpp",
|
||||
"system_error": "cpp",
|
||||
"fstream": "cpp",
|
||||
"iosfwd": "cpp",
|
||||
"string_view": "cpp",
|
||||
"string": "cpp",
|
||||
"any": "cpp",
|
||||
"array": "cpp",
|
||||
"bit": "cpp",
|
||||
"*.tcc": "cpp",
|
||||
"cctype": "cpp",
|
||||
"clocale": "cpp",
|
||||
"cmath": "cpp",
|
||||
"codecvt": "cpp",
|
||||
"compare": "cpp",
|
||||
"concepts": "cpp",
|
||||
"cstddef": "cpp",
|
||||
"cstdint": "cpp",
|
||||
"cstdio": "cpp",
|
||||
"cstdlib": "cpp",
|
||||
"cstring": "cpp",
|
||||
"ctime": "cpp",
|
||||
"cwchar": "cpp",
|
||||
"cwctype": "cpp",
|
||||
"deque": "cpp",
|
||||
"forward_list": "cpp",
|
||||
"map": "cpp",
|
||||
"unordered_map": "cpp",
|
||||
"vector": "cpp",
|
||||
"exception": "cpp",
|
||||
"functional": "cpp",
|
||||
"initializer_list": "cpp",
|
||||
"iomanip": "cpp",
|
||||
"iostream": "cpp",
|
||||
"istream": "cpp",
|
||||
"limits": "cpp",
|
||||
"memory": "cpp",
|
||||
"new": "cpp",
|
||||
"numbers": "cpp",
|
||||
"numeric": "cpp",
|
||||
"ostream": "cpp",
|
||||
"ranges": "cpp",
|
||||
"ratio": "cpp",
|
||||
"span": "cpp",
|
||||
"sstream": "cpp",
|
||||
"stdexcept": "cpp",
|
||||
"streambuf": "cpp",
|
||||
"type_traits": "cpp",
|
||||
"tuple": "cpp",
|
||||
"typeinfo": "cpp",
|
||||
"utility": "cpp",
|
||||
"valarray": "cpp"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
{
|
||||
"tasks": [
|
||||
{
|
||||
"type": "cppbuild",
|
||||
"label": "C/C++: g++ build active file",
|
||||
"command": "/usr/bin/g++",
|
||||
"args": [
|
||||
"-fdiagnostics-color=always",
|
||||
"-g",
|
||||
"${file}",
|
||||
"-o",
|
||||
"${fileDirname}/${fileBasenameNoExtension}",
|
||||
"-lboost_iostreams",
|
||||
"`pkg-config --libs boost_iostreams`"
|
||||
],
|
||||
"options": {
|
||||
"cwd": "${fileDirname}"
|
||||
},
|
||||
"problemMatcher": [
|
||||
"$gcc"
|
||||
],
|
||||
"group": {
|
||||
"kind": "build",
|
||||
"isDefault": true
|
||||
},
|
||||
"detail": "Task generated by Debugger."
|
||||
}
|
||||
],
|
||||
"version": "2.0.0"
|
||||
}
|
||||
@@ -0,0 +1,125 @@
|
||||
.bg-decor-dow {
|
||||
color: $onPrimaryContainer;
|
||||
font-family: Rubik;
|
||||
font-size: 35pt;
|
||||
}
|
||||
|
||||
.bg-decor-date {
|
||||
color: $onPrimaryContainer;
|
||||
font-family: Rubik;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.bg-module {
|
||||
// background-color: shade($colorbg, 10%);
|
||||
border-radius: 30px;
|
||||
padding: 20px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.bg-text {
|
||||
text-shadow: -1px -1px 0 $primaryContainer,
|
||||
1px -1px 0 $primaryContainer,
|
||||
-1px 1px 0 $primaryContainer,
|
||||
1px 1px 0 $primaryContainer;
|
||||
color: $onPrimaryContainer;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.bg-icon {
|
||||
margin-bottom: 9px;
|
||||
color: $onSecondaryContainer;
|
||||
font-family: 'Material Symbols Rounded';
|
||||
font-size: 15pt;
|
||||
min-width: 40px;
|
||||
min-height: 40px;
|
||||
background-color: $secondaryContainer;
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.bg-title {
|
||||
text-shadow: -1px -1px 0 $primaryContainer,
|
||||
1px -1px 0 $primaryContainer,
|
||||
-1px 1px 0 $primaryContainer,
|
||||
1px 1px 0 $primaryContainer;
|
||||
color: $onPrimaryContainer;
|
||||
font-size: 16pt;
|
||||
margin: 5px;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.bg-cool-text {
|
||||
color: $onPrimaryContainer;
|
||||
font-family: 'Rubik';
|
||||
font-size: 13pt;
|
||||
margin: 5px;
|
||||
text-shadow: -1px -1px 0 $primaryContainer,
|
||||
1px -1px 0 $primaryContainer,
|
||||
-1px 1px 0 $primaryContainer,
|
||||
1px 1px 0 $primaryContainer;
|
||||
}
|
||||
|
||||
.bg-progress {
|
||||
margin: 5px;
|
||||
min-width: 450px;
|
||||
|
||||
trough {
|
||||
border-radius: 9999px;
|
||||
background-color: #24222A;
|
||||
min-height: 10px;
|
||||
}
|
||||
|
||||
highlight {
|
||||
border-radius: 9999px;
|
||||
background-color: $color3;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-graph-container {
|
||||
min-width: 150px;
|
||||
min-height: 30px;
|
||||
padding-bottom: 4px;
|
||||
padding-top: 4px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid $onPrimaryContainer;
|
||||
margin: 5px;
|
||||
box-shadow: -1px -1px 0 $primaryContainer,
|
||||
1px -1px 0 $primaryContainer,
|
||||
-1px 1px 0 $primaryContainer,
|
||||
1px 1px 0 $primaryContainer;
|
||||
}
|
||||
|
||||
.bg-graph {
|
||||
color: $color3;
|
||||
// background-color: $color3;
|
||||
}
|
||||
|
||||
.bg-date {
|
||||
min-width: 500px;
|
||||
}
|
||||
|
||||
.bg-decor-input-left {
|
||||
border-top-left-radius: 999px;
|
||||
border-bottom-left-radius: 999px;
|
||||
margin-top: 30px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-size: 15pt;
|
||||
min-height: 50px;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.bg-decor-input-right {
|
||||
border-top-right-radius: 999px;
|
||||
border-bottom-right-radius: 999px;
|
||||
margin-top: 30px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
// padding-top: 5px;
|
||||
// padding-bottom: 5px;
|
||||
font-size: 15pt;
|
||||
min-height: 50px;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
.bottombar-closed-hitbox {
|
||||
min-width: 1920px;
|
||||
background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
|
||||
}
|
||||
.bottombar-bg {
|
||||
min-width: 1920px;
|
||||
min-height: 300px;
|
||||
border-top-left-radius: 26px;
|
||||
border-top-right-radius: 26px;
|
||||
background-color: shade($colorbg, 70%);
|
||||
background-size: 100% auto;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.bottombar-bg-front {
|
||||
min-width: 1920px;
|
||||
min-height: 300px;
|
||||
border-top-left-radius: 26px;
|
||||
border-top-right-radius: 26px;
|
||||
border: 2px solid $primary;
|
||||
border-bottom: 0px solid transparent;
|
||||
background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.cava-column {
|
||||
// background-image: linear-gradient($color1, $color3);
|
||||
background-color: rgb(176, 226, 247);
|
||||
border-top-left-radius: 99px;
|
||||
border-top-right-radius: 99px;
|
||||
margin: 6px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.bottombar-musicinfo-box {
|
||||
margin-left: 50px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.bottombar-title {
|
||||
font-family: 'Gabarito';
|
||||
font-size: 30pt;
|
||||
font-weight: 700;
|
||||
text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.bottombar-artist {
|
||||
font-family: 'Gabarito';
|
||||
font-size: 16pt;
|
||||
font-weight: 700;
|
||||
text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.bottombar-music-cover {
|
||||
border-radius: 15px;
|
||||
min-height: 200px;
|
||||
min-width: 200px;
|
||||
background-size: auto 100%;
|
||||
background-position: center;
|
||||
box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
@@ -0,0 +1,125 @@
|
||||
.calendar-win {
|
||||
@include window;
|
||||
background-color: $colorbarbg;
|
||||
border: 3px solid $color3;
|
||||
border-radius: 15px;
|
||||
color: $colortext;
|
||||
padding: .2em;
|
||||
font-family: 'Rubik';
|
||||
margin: 14px;
|
||||
}
|
||||
|
||||
calendar {
|
||||
* {
|
||||
padding-top: 10px;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
:selected {
|
||||
color: $onPrimary;
|
||||
font-weight: bolder;
|
||||
background-color: $primary;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.header {
|
||||
color: $colortext;
|
||||
margin: 15px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: $onTertiaryContainer;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.button {
|
||||
color: $colortext;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
:indeterminate {
|
||||
color: $onBackground;
|
||||
}
|
||||
}
|
||||
|
||||
.calendarwin-title {
|
||||
border-radius: 9999px;
|
||||
font-size: 15pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
margin: 1px;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.calendarwin-button {
|
||||
border-radius: 9999px;
|
||||
font-size: 12pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
margin: 1px;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.calendarwin-text {
|
||||
border-radius: 9999px;
|
||||
font-size: 11pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.calendarwin-icon {
|
||||
background-position: center;
|
||||
min-height: 42px;
|
||||
min-width: 30px;
|
||||
}
|
||||
|
||||
.calendarwin-text {
|
||||
border-radius: 9999px;
|
||||
font-size: 12pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
min-height: 50px;
|
||||
min-width: 50px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.calendarwin-day-1 {
|
||||
background-color: transparent;
|
||||
color: #7C7C7C;
|
||||
}
|
||||
|
||||
.calendarwin-day0 {
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.calendarwin-day1 {
|
||||
background-color: $primary;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.calendarwin-day0:hover {
|
||||
background-color: rgba(75, 75, 75, 0.5);
|
||||
}
|
||||
|
||||
.calendarwin-day0:active {
|
||||
background-color: tint(rgba(75, 75, 75, 0.5), 10%);
|
||||
}
|
||||
|
||||
.calendarwin-day1:hover {
|
||||
background-color: tint($color4, 10%);
|
||||
color: black;
|
||||
}
|
||||
|
||||
.calendarwin-day1:active {
|
||||
background-color: tint($color4, 20%);
|
||||
color: black;
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
|
||||
|
||||
$rosewater: #f5e0dc;
|
||||
$flamingo: #f2cdcd;
|
||||
$pink: #f5c2e7;
|
||||
$mauve: #cba6f7;
|
||||
$red: #f38ba8;
|
||||
// $red: #EF738A;
|
||||
$maroon: #eba0ac;
|
||||
$peach: #fab387;
|
||||
$yellow: #f9e2af;
|
||||
$green: #a6e3a1;
|
||||
$teal: #94e2d5;
|
||||
$sky: #89dceb;
|
||||
$sapphire: #74c7ec;
|
||||
$blue: #89b4fa;
|
||||
$lavender: #b4befe;
|
||||
$true: #EF738A;
|
||||
$false: #A9B1D6;
|
||||
|
||||
|
||||
$forestgreen: #A8B468;
|
||||
$forestyellow : #8e8370;
|
||||
$foresttext : #d3c6ab;
|
||||
$forestblack : #1e201f;
|
||||
$forestred : #e76c69;
|
||||
$forestpink : #d698b5;
|
||||
$forestorange : #e59576;
|
||||
$forestgray : #75817b;
|
||||
$forestgraylight: #495156;
|
||||
$forestgreendark: #7fba90;
|
||||
$forestblue: #77AEA7;
|
||||
|
||||
$tokyobluedark: #1A1B26;
|
||||
$tokyobluelessdark: #1f212e;
|
||||
$tokyotext: #a9b1d6;
|
||||
$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
|
||||
$tokyored: #EF738A;
|
||||
$tokyoorange: #FF9E64;
|
||||
$tokyoyellow: #E0AF68;
|
||||
$tokyogreen: #9ECE6A;
|
||||
$tokyoturquoise: #73daca;
|
||||
$tokyoice: #b4f9f8;
|
||||
$tokyocyan: #0DB9D7;
|
||||
$tokyoblue: #7AA2F7;
|
||||
$tokyopurple: #9778D0;
|
||||
$tokyogrey: #444B6A;
|
||||
$catbg: #1E1E2E;
|
||||
|
||||
$text: $tokyotext;
|
||||
$subtext1: #868dac;
|
||||
$subtext0: #a6adc8;
|
||||
$overlay2: #9399b2;
|
||||
$overlay1: #7f849c;
|
||||
$overlay0: rgba(108, 112, 134, 0.4);
|
||||
$overlayedge: rgba(108, 112, 134, 0.15);
|
||||
|
||||
$hover0: rgba(200, 200, 200, 0.3);
|
||||
|
||||
$surface2: rgba(88, 91, 112, 0.7);
|
||||
$surface1: rgba(69, 71, 90, 0.7);
|
||||
// $surface0: rgba(28, 28, 48, 0.5); //Needs dynamic change
|
||||
// $surface0: #24222A; //Needs dynamic change
|
||||
|
||||
|
||||
$base: #1E201F;
|
||||
$mantle: #181825;
|
||||
$crust: #121415;
|
||||
|
||||
$fg: $tokyotext;
|
||||
$bg: #171726;
|
||||
$barbg: #131426;
|
||||
$shadow: $crust;
|
||||
|
||||
// $battcolor: $tokyogreen;
|
||||
// $memcolor: $tokyoorange;
|
||||
// $cpucolor: $tokyoblue;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #1f252d;
|
||||
$colorbg: rgba(31,37,45,0.75);
|
||||
$colortext: #e6e2e7;
|
||||
$color0: #60C4F1;
|
||||
$color1: #9F9BAB;
|
||||
$color2: #DBB4AD;
|
||||
$color3: #A2AECF;
|
||||
$color4: #CFB7CE;
|
||||
$color5: #A4D7F1;
|
||||
$color6: #e6e2e7;
|
||||
$color7: #A2AECF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #090727;
|
||||
$colorbg: rgba(9,7,39,0.7);
|
||||
$colortext: #e1e4f1;
|
||||
$color0: #926AC9;
|
||||
$color1: #2994E6;
|
||||
$color2: #5E9EE8;
|
||||
$color3: #5BC3E9;
|
||||
$color4: #9EA8E4;
|
||||
$color5: #AEC4E9;
|
||||
$color6: #e1e4f1;
|
||||
$color7: #5BC3E9;
|
||||
@@ -0,0 +1,11 @@
|
||||
$colorbg: #0f0e11; //Get from color0
|
||||
$colortext: white; //Get from color4
|
||||
$color0: #8C66FF;
|
||||
$color1: #CC3378;
|
||||
$color2: #5933CC;
|
||||
$color3: #EEAA00;
|
||||
$color4: white;
|
||||
$color5: white;
|
||||
$color6: white;
|
||||
$color7: white; //Get from color4 (border)
|
||||
$colormusic: white;
|
||||
@@ -0,0 +1,236 @@
|
||||
.dash-window {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.dash-title {
|
||||
color: $primary;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.dash-subtitle {
|
||||
color: $color5;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.dash {
|
||||
min-height: 50px;
|
||||
min-width: 50px;
|
||||
background-color: $colorbarbg;
|
||||
border-radius: 15px;
|
||||
padding: 20px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.dash-profile {
|
||||
min-width: 300px;
|
||||
min-height: 228px;
|
||||
}
|
||||
|
||||
.dash-user-pic {
|
||||
margin: 20px;
|
||||
min-width: 150px;
|
||||
min-height: 150px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
border-radius: 1500px;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.dash-fetch {
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.dash-fetch-icon {
|
||||
color: $colortext;
|
||||
font-size: 16pt;
|
||||
margin: 3px;
|
||||
font-family: Material Symbols Rounded;
|
||||
}
|
||||
|
||||
.dash-fetch-icon-nerd {
|
||||
color: $colortext;
|
||||
font-size: 16pt;
|
||||
margin: 3px;
|
||||
font-family: JetBrainsMono Nerd Font Regular;
|
||||
}
|
||||
|
||||
.dash-icon {
|
||||
font-size: 24pt;
|
||||
font-weight: bold;
|
||||
font-family: Material Symbols Rounded;
|
||||
}
|
||||
|
||||
.dash-button {
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.dash-button:hover {
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
}
|
||||
|
||||
.dash-button:focus {
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
}
|
||||
|
||||
.dash-button:active {
|
||||
background-color: tint($colorbarbg, 20%);
|
||||
}
|
||||
|
||||
.dash-quote-content {
|
||||
margin: 2px;
|
||||
color: $colortext;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.dash-quote-author {
|
||||
margin: 2px;
|
||||
color: $colortext;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.dash-tile {
|
||||
min-width: 800px;
|
||||
}
|
||||
|
||||
.dash-input-icon {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
min-width: 30px;
|
||||
margin: -5px;
|
||||
margin-left: 15px;
|
||||
background-color: $colorbarbg;
|
||||
border: 2px solid tint($colorbarbg, 10%);
|
||||
border-radius: 10px;
|
||||
color: $colortext;
|
||||
font-size: 19pt;
|
||||
}
|
||||
|
||||
.dash-input {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
min-width: 860px;
|
||||
margin: -5px;
|
||||
background-color: $colorbarbg;
|
||||
border: 2px solid tint($colorbarbg, 10%);
|
||||
border-radius: 10px;
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.dash-time {
|
||||
color: $primary;
|
||||
font-size: 35pt;
|
||||
}
|
||||
|
||||
.dash-date {
|
||||
color: $primary;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.dash-clock-text-area {
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.dash-clock-circle-area {
|
||||
// margin-left: 10px;
|
||||
}
|
||||
|
||||
.dash-clock-circle {
|
||||
background-color: $surface0;
|
||||
}
|
||||
|
||||
.dash-clock-inner {
|
||||
padding: 36px;
|
||||
}
|
||||
|
||||
.dash-clock-circle-minute {
|
||||
margin: 10px;
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.dash-debug-area {
|
||||
background-color: rgba(214, 28, 50, 0.3);
|
||||
}
|
||||
|
||||
.dash-dir-area {
|
||||
min-width: 198px;
|
||||
}
|
||||
|
||||
.dash-dir {
|
||||
font-size: 15pt;
|
||||
padding: 10px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.dash-resources {
|
||||
min-width: 198px;
|
||||
min-height: 122px;
|
||||
}
|
||||
|
||||
.dash-resouce-icon {
|
||||
font-size: 99pt;
|
||||
}
|
||||
|
||||
.dash-resource-inner {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.dash-resource-text {
|
||||
font-size: 15pt;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.dash-resource-title {
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.dash-resource-tile {
|
||||
// background-color: tint($colorbarbg, 20%);
|
||||
border-radius: 12px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
padding-top: 11px;
|
||||
// padding: 15px;
|
||||
}
|
||||
|
||||
.clrt {
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.clr0 {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.clr1 {
|
||||
color: $secondary;
|
||||
}
|
||||
|
||||
.clr2 {
|
||||
color: $tertiary;
|
||||
}
|
||||
|
||||
.clr3 {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.clr4 {
|
||||
color: $secondary;
|
||||
}
|
||||
|
||||
.clr5 {
|
||||
color: $tertiary;
|
||||
}
|
||||
|
||||
.clr6 {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.clr7 {
|
||||
color: $secondary;
|
||||
}
|
||||
@@ -0,0 +1,338 @@
|
||||
.dashfs-bg {
|
||||
background-color: rgba(20, 20, 20, 0.7);
|
||||
}
|
||||
|
||||
.dashfs-greet {
|
||||
border-radius: 10px;
|
||||
margin-top: 40px;
|
||||
margin-left: 40px;
|
||||
border: 3px solid transparent;
|
||||
border-left: 3px solid $color5;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.dashfs-greet-text {
|
||||
font-family: 'Rubik';
|
||||
font-size: 20pt;
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.dashfs-clock {
|
||||
border-radius: 10px;
|
||||
margin-top: 40px;
|
||||
margin-right: 40px;
|
||||
border: 3px solid transparent;
|
||||
border-right: 3px solid $color4;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.dashfs-clock-time {
|
||||
margin-top: -15px;
|
||||
font-family: 'Rubik';
|
||||
font-size: 45pt;
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.dashfs-clock-date {
|
||||
font-family: 'Rubik';
|
||||
font-size: 22pt;
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.dashfs-calendar-title {
|
||||
border-radius: 9999px;
|
||||
font-size: 15pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
margin: 1px;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.dashfs-calendar-button {
|
||||
border-radius: 9999px;
|
||||
font-size: 12pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
margin: 1px;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.dashfs-calendar-text {
|
||||
border-radius: 9999px;
|
||||
font-size: 11pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.dashfs-section-nopad {
|
||||
border-radius: 10px;
|
||||
border: 3px solid transparent;
|
||||
border-top: 3px solid $color4;
|
||||
}
|
||||
|
||||
.dashfs-section {
|
||||
border-radius: 10px;
|
||||
border: 3px solid transparent;
|
||||
border-top: 3px solid $color1;
|
||||
padding: 10px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.dashfs-section-title {
|
||||
color: $color1;
|
||||
font-size: 18pt;
|
||||
font-family: 'Rubik';
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.dashfs-fetch {
|
||||
color: $color1;
|
||||
font-size: 15pt;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.dashfs-fetch-icon {
|
||||
color: $color1;
|
||||
font-size: 16pt;
|
||||
margin: 5px 0px;
|
||||
margin-right: 10px;
|
||||
font-family: 'Material Symbols Rounded';
|
||||
}
|
||||
|
||||
.dashfs-section-button {
|
||||
border-radius: 8px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.dashfs-section-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.dashfs-calendar-icon {
|
||||
background-position: center;
|
||||
min-height: 42px;
|
||||
min-width: 30px;
|
||||
}
|
||||
|
||||
.dashfs-monthbutton {
|
||||
// background-size: 80% auto;
|
||||
background-color: transparent;
|
||||
background-position: center;
|
||||
border-radius: 6px;
|
||||
margin: 12px 3px;
|
||||
margin-top: 0px;
|
||||
padding: 6px;
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
.dashfs-monthbutton:hover {
|
||||
background-color: rgba(95, 95, 95, 0.4);
|
||||
}
|
||||
|
||||
.dashfs-calendar-text {
|
||||
border-radius: 9999px;
|
||||
font-size: 12pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.dashfs-nerd-icon {
|
||||
color: $color1;
|
||||
font-size: 16pt;
|
||||
margin: 5px 0px;
|
||||
margin-right: 10px;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
}
|
||||
|
||||
.dashfs-button-only {
|
||||
:first-child {
|
||||
:first-child {
|
||||
border-radius: 10px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashfs-button-only:hover {
|
||||
:first-child {
|
||||
:first-child {
|
||||
background-color: shade($overlay0, 2%);
|
||||
border: 1px solid $overlayedge;
|
||||
border-top: 1px solid tint($overlayedge, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashfs-button-pad {
|
||||
padding: 3px;
|
||||
// min-width: 42px;
|
||||
min-height: 42px;
|
||||
}
|
||||
|
||||
.dashfs-taskbaricon {
|
||||
background-size: 60%;
|
||||
background-position: center;
|
||||
min-width: 64px;
|
||||
min-height: 64px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.dashfs-taskbaricon-false {
|
||||
background-size: 70%;
|
||||
background-position: center;
|
||||
min-width: 64px;
|
||||
min-height: 64px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.dashfs-taskbaricon-true {
|
||||
background-size: 70%;
|
||||
background-position: center;
|
||||
min-width: 64px;
|
||||
min-height: 64px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.dashfs-taskbar-indicator-true {
|
||||
border-radius: 10px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
margin-bottom: 4px;
|
||||
margin-top: 65px;
|
||||
margin-left: 25px;
|
||||
margin-right: 25px;
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.dashfs-taskbar-indicator-false {
|
||||
border-radius: 10px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
margin-bottom: 4px;
|
||||
margin-top: 65px;
|
||||
margin-left: 32px;
|
||||
margin-right: 32px;
|
||||
background-color: #9C98A3;
|
||||
}
|
||||
|
||||
.dashfs-day-1 {
|
||||
background-color: transparent;
|
||||
color: #7C7C7C;
|
||||
}
|
||||
|
||||
.dashfs-day0 {
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.dashfs-day1 {
|
||||
background-color: tint($color4, 20%);
|
||||
color: black;
|
||||
}
|
||||
|
||||
.dashfs-day0:hover {
|
||||
background-color: rgba(75, 75, 75, 0.5);
|
||||
}
|
||||
|
||||
.dashfs-day0:active {
|
||||
background-color: tint(rgba(75, 75, 75, 0.5), 10%);
|
||||
}
|
||||
|
||||
.dashfs-day1:hover {
|
||||
background-color: tint($color4, 10%);
|
||||
color: black;
|
||||
}
|
||||
|
||||
.dashfs-day1:active {
|
||||
background-color: tint($color4, 20%);
|
||||
color: black;
|
||||
}
|
||||
|
||||
.dashfs-music-cover {
|
||||
border-radius: 10px;
|
||||
min-height: 50px;
|
||||
min-width: 50px;
|
||||
background-size: auto 100%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.dashfs-resource-title {
|
||||
color: $tertiary;
|
||||
font-size: 18pt;
|
||||
font-family: 'Rubik';
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.dashfs-resource-box {
|
||||
border-radius: 10px;
|
||||
border: 3px solid transparent;
|
||||
border-top: 3px solid $tertiary;
|
||||
padding: 20px 5px;
|
||||
min-width: 110px;
|
||||
}
|
||||
|
||||
.dashfs-resource-circle {
|
||||
color: $tertiary;
|
||||
background-color: #5B5A5C;
|
||||
}
|
||||
|
||||
.dashfs-resource-icon {
|
||||
color: $tertiary;
|
||||
font-size: 30pt;
|
||||
font-family: 'Material Symbols Rounded';
|
||||
}
|
||||
|
||||
.dashfs-resource-label {
|
||||
color: $onTertiary;
|
||||
background-color: $tertiary;
|
||||
font-size: 13pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
padding: 3px 8px;
|
||||
border-radius: 9999px;
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
.dashfs-graph {
|
||||
background-image: url('images/svg/graph.svg');
|
||||
background-size: 100% 100%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.dashfs-cava-column {
|
||||
background-color: rgba(176, 226, 247, 0.1);
|
||||
border-radius: 9999px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.dashfs-quote-content {
|
||||
font-family: 'Space Grotesk';
|
||||
font-weight: 500;
|
||||
font-size: 16pt;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.dashfs-quote-author {
|
||||
font-family: 'Space Grotesk';
|
||||
font-weight: 500;
|
||||
font-size: 14pt;
|
||||
color: $primary;
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
.edit-mode-checkbox-false {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
// background-image: url('images/svg/tournaments.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.edit-mode-checkbox-true {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
background-color: $overlay0;
|
||||
// background-image: url('images/svg/tournaments.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
color: transparent;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
#d7e2ff
|
||||
#dfbbde
|
||||
#9F9BAB
|
||||
#A2AECF
|
||||
#CFB7CE
|
||||
#CFB7CE
|
||||
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
@@ -0,0 +1,27 @@
|
||||
$primary: #adc6ff;
|
||||
$onPrimary: #002d6f;
|
||||
$primaryContainer: #17448f;
|
||||
$onPrimaryContainer: #d7e2ff;
|
||||
$secondary: #bfc6dd;
|
||||
$onSecondary: #293041;
|
||||
$secondaryContainer: #3f4659;
|
||||
$onSecondaryContainer: #dbe2f9;
|
||||
$tertiary: #dfbbde;
|
||||
$onTertiary: #412743;
|
||||
$tertiaryContainer: #593e5a;
|
||||
$onTertiaryContainer: #fcd7fa;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #1b1b1e;
|
||||
$onBackground: #e4e2e6;
|
||||
$surface: #1b1b1e;
|
||||
$onSurface: #e4e2e6;
|
||||
$surfaceVariant: #44464e;
|
||||
$onSurfaceVariant: #c5c6d0;
|
||||
$outline: #8e9099;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e4e2e6;
|
||||
$inverseOnSurface: #303033;
|
||||
$inversePrimary: #355ca8;
|
||||
@@ -0,0 +1,298 @@
|
||||
.music-area {
|
||||
padding: 10px;
|
||||
@include rounding;
|
||||
}
|
||||
|
||||
.song-cover-art {
|
||||
@include rounding;
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
margin: 4px 5px 4px 0;
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
}
|
||||
|
||||
.music-window {
|
||||
@include window;
|
||||
@include rounding;
|
||||
background-color: $colorbarbg;
|
||||
border: 3px solid;
|
||||
color: $colortext;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.music-cover-art {
|
||||
@include rounding;
|
||||
background-color: transparent;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("eww_covers/cover_art_default");
|
||||
background-position: 50% 15%;
|
||||
// border-radius: 5px;
|
||||
// margin: 1em;
|
||||
// min-height: 200px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.music-box {
|
||||
@include rounding;
|
||||
padding-top: 24px;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
.music-title {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
min-height: 39px;
|
||||
font-size: 19pt;
|
||||
color: $colortext;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.music-title-hover {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
font-size: 19pt;
|
||||
color: $colortext;
|
||||
background-color: $overlay0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.music-title-bar {
|
||||
font-family: 'Rubik';
|
||||
font-size: 15pt;
|
||||
color: $colorbar;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.music-artist-bar {
|
||||
color: $colorbar;
|
||||
padding: 10px 0;
|
||||
font-family: 'Rubik';
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
.music-artist {
|
||||
color: $colortext;
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
min-height: 25px;
|
||||
}
|
||||
|
||||
.music-button label {
|
||||
font-family: 'Material Symbols Rounded';
|
||||
// color: $text;
|
||||
font-size: 2rem;
|
||||
font-family: SF Mono Nerd Font;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.music-time {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
color: $color1;
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
.music-bar scale {
|
||||
font-family: 'Material Symbols Rounded';
|
||||
font-family: SF Mono Nerd Font;
|
||||
|
||||
highlight {
|
||||
background-color: $color1;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
trough {
|
||||
background-color: $surface0;
|
||||
border-radius: 24px;
|
||||
min-height: 10px;
|
||||
min-width: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.music-ctl {
|
||||
border-radius: 0px;
|
||||
color: $color1;
|
||||
// padding-right: 10px;
|
||||
min-width: 53px;
|
||||
}
|
||||
|
||||
.music-icon {
|
||||
padding-top: 5px; //Because the music icon is a bit high
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
color: $color1;
|
||||
background-image: url("images/LinageMusic.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.music-ctl-revealer {
|
||||
margin-top: -4px;
|
||||
// transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
|
||||
}
|
||||
|
||||
.music-ctl-revealer-false {
|
||||
// padding-left: 10px;
|
||||
}
|
||||
|
||||
.music-ctl-revealer-true {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.music-media-source {
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-right-radius: 15px;
|
||||
min-width: 40px;
|
||||
min-height: 20px;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.music-source-icon {
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 16pt;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.song-button {
|
||||
color: $colortext;
|
||||
border-radius: 9999px;
|
||||
margin: 3px 3px;
|
||||
min-width: 52px;
|
||||
font-size: 32pt;
|
||||
}
|
||||
|
||||
.song-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.music-button-box {
|
||||
font-family: 'Material Symbols Rounded';
|
||||
color: $colortext;
|
||||
min-width: 160px;
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
padding-bottom: 0px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
.osu-music-box {
|
||||
// min-width: 75px;
|
||||
min-width: 53px;
|
||||
background-size: 65% auto;
|
||||
background-position: 50% 50%;
|
||||
// background-image: url('images/svg/beatmaps.svg');
|
||||
// background-color: $colorbarbg;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.osu-music-box-dummy {
|
||||
min-width: 50px;
|
||||
min-height: 53px;
|
||||
margin-bottom: -6px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.osu-music-slider {
|
||||
margin-top: 9px;
|
||||
margin-bottom: 9px;
|
||||
min-height: 6px;
|
||||
padding-left: 13px;
|
||||
|
||||
trough {
|
||||
border-radius: 9999px;
|
||||
background-color: #5c5b5b;
|
||||
min-height: 6px;
|
||||
// margin-left: 32px;
|
||||
// margin-right: 32px;
|
||||
// min-width: 70px;
|
||||
min-width: 3px;
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 3px;
|
||||
border-radius: 9999px;
|
||||
background-color: $colorbar;
|
||||
}
|
||||
}
|
||||
|
||||
.track-scale {
|
||||
@include rounding;
|
||||
|
||||
trough {
|
||||
border-bottom-left-radius: 9999px;
|
||||
border-bottom-right-radius: 9999px;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
min-height: 8px;
|
||||
// margin-left: 32px;
|
||||
// margin-right: 32px;
|
||||
// min-width: 70px;
|
||||
min-width: 3px;
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 8px;
|
||||
border-bottom-left-radius: 9999px;
|
||||
border-bottom-right-radius: 9999px;
|
||||
background-color: $color0;
|
||||
}
|
||||
}
|
||||
|
||||
.bar-music-cover {
|
||||
border-radius: 99px;
|
||||
min-height: 45px;
|
||||
min-width: 45px;
|
||||
background-size: auto 100%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.bar-music-state {
|
||||
font-family: 'Material Symbols Rounded';
|
||||
color: $color6;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
border-radius: 9999px;
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.music-cava-column {
|
||||
background-color: $color0;
|
||||
margin: 0 3px;
|
||||
margin-bottom: 8px;
|
||||
border-top-left-radius: 99px;
|
||||
border-top-right-radius: 99px;
|
||||
}
|
||||
|
||||
.music-time-label {
|
||||
color: $colorbar;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
font-size: 13pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
padding: 3px 8px;
|
||||
border-radius: 9999px;
|
||||
min-height: 50px;
|
||||
}
|
||||
|
||||
.music-button-box-bar {
|
||||
font-family: 'Material Symbols Rounded';
|
||||
color: $colortext;
|
||||
min-height: 160px;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
.song-button-bar {
|
||||
color: $colortext;
|
||||
border-radius: 9999px;
|
||||
// margin: 3px;
|
||||
min-height: 52px;
|
||||
font-size: 32pt;
|
||||
}
|
||||
|
||||
.song-button-bar:hover {
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
.notifications-box {
|
||||
// @include window;
|
||||
// padding: 1rem;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.notification {
|
||||
// @include rounding;
|
||||
border-radius: 8px;
|
||||
font-size: 12pt;
|
||||
font-family: 'Rubik';
|
||||
background-color: $surface0;
|
||||
// border-bottom: 3px solid $colorbg;
|
||||
padding: .7rem;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
// box {
|
||||
// margin-bottom: .5rem;
|
||||
// }
|
||||
|
||||
label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border: 3px solid $color7;
|
||||
}
|
||||
|
||||
.appname {
|
||||
font-size: 13pt;
|
||||
color: $color0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.summary {
|
||||
font-size: 13pt;
|
||||
color: $colortext;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.body {
|
||||
color: $colortext;
|
||||
}
|
||||
}
|
||||
|
||||
// .container {
|
||||
// &:first-child {
|
||||
// border-radius: 8px 8px 0 0;
|
||||
// }
|
||||
|
||||
// ;
|
||||
|
||||
// &:last-child {
|
||||
// border-radius: 0 0 8px 8px;
|
||||
// }
|
||||
|
||||
// ;
|
||||
// }
|
||||
|
||||
.notification-header {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.notification-label {
|
||||
color: $colortext;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.notification-action {
|
||||
border-radius: 50%;
|
||||
margin-top: 33px;
|
||||
margin-bottom: 9px;
|
||||
padding: 0 .3rem;
|
||||
|
||||
label {
|
||||
color: $colortext;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $surface0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
.osd-window {
|
||||
margin: 5px;
|
||||
border-radius: 9999px;
|
||||
min-width: 10px;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.osd-var {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
background-color: $surface;
|
||||
border-radius: 9999px;
|
||||
min-width: 100px;
|
||||
min-height: 37px;
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
.osd-circle {
|
||||
// margin-left: 14px;
|
||||
background-color: #5c5b5b;
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-incircle {
|
||||
font-size: 19pt;
|
||||
padding: 6px;
|
||||
font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-incircle-bright {
|
||||
font-size: 19pt;
|
||||
padding: 6px;
|
||||
font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-text {
|
||||
font-size: 15pt;
|
||||
font-family: "Rubik"; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
padding-right: 5px;
|
||||
}
|
||||
@@ -0,0 +1,442 @@
|
||||
.osettings-window {
|
||||
min-width: 501px;
|
||||
padding-top: 20px;
|
||||
background-color: shade($colorbarbg, 4%);
|
||||
color: $onBackground;
|
||||
font-family: Rubik;
|
||||
margin: 7px;
|
||||
margin-left: 0px;
|
||||
border-radius: 17px;
|
||||
border: 2px solid $color0;
|
||||
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
|
||||
url('images/pictures/beach_smoothie.jpg');
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.onotify-window {
|
||||
min-width: 529px;
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
color: $onBackground;
|
||||
font-family: Rubik;
|
||||
margin: 7px;
|
||||
margin-right: 0px;
|
||||
border-radius: 17px;
|
||||
border: 2px solid $color0;
|
||||
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
|
||||
url('images/pictures/beach_drinks.jpeg');
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.osettings-separator {
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
min-height: 6px;
|
||||
margin-top: 27px;
|
||||
}
|
||||
|
||||
.osettings-content {
|
||||
// padding-top: 13px;
|
||||
margin-top: 27px;
|
||||
padding-bottom: 8px;
|
||||
padding-top: 8px;
|
||||
font-family: Rubik;
|
||||
color: $onBackground;
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
border-radius: 17px;
|
||||
}
|
||||
|
||||
.onotify-content {
|
||||
// padding-top: 13px;
|
||||
margin-top: 27px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 16px;
|
||||
font-family: Rubik;
|
||||
color: $onBackground;
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
border-radius: 17px;
|
||||
}
|
||||
|
||||
.osettings-heading {
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
color: $onBackground;
|
||||
font-family: Rubik;
|
||||
}
|
||||
|
||||
.osettings-title {
|
||||
color: $onBackground;
|
||||
font-family: Rubik;
|
||||
font-size: 30pt;
|
||||
}
|
||||
|
||||
.osettings-subtitle {
|
||||
color: $onSecondaryContainer;
|
||||
font-family: Rubik;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.osettings-section-icon {
|
||||
margin-top: 33px;
|
||||
margin-bottom: 9px;
|
||||
color: $onSecondaryContainer;
|
||||
font-family: 'Material Symbols Rounded';
|
||||
font-size: 20pt;
|
||||
min-width: 50px;
|
||||
min-height: 50px;
|
||||
background-color: $secondaryContainer;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.osettings-section {
|
||||
margin-top: 33px;
|
||||
margin-bottom: 9px;
|
||||
color: $onSecondaryContainer;
|
||||
font-family: Rubik;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.osettings-text {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
color: $onBackground;
|
||||
font-family: Rubik;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.osettings-text-icon {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
color: $onBackground;
|
||||
font-family: 'Material Symbols Rounded';
|
||||
font-size: 14pt;
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
.osettings-search {
|
||||
margin-left: 28px;
|
||||
margin-right: 28px;
|
||||
margin-top: 35px;
|
||||
background-color: tint($colorbarbg, 4%);
|
||||
border: 2px solid $onSurfaceVariant;
|
||||
color: $onBackground;
|
||||
border-radius: 10px;
|
||||
font-size: 11pt;
|
||||
min-height: 45px;
|
||||
caret-color: $onBackground;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-search-text {
|
||||
color: $onSurfaceVariant;
|
||||
padding: 10px;
|
||||
font-size: 13pt;
|
||||
min-width: 420px;
|
||||
}
|
||||
|
||||
.osettings-search-icon {
|
||||
color: $onSurfaceVariant;
|
||||
padding: 6px;
|
||||
padding-left: 0px;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.osettings-scroll-bg {
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
}
|
||||
|
||||
.osettings-scroll-bg-colored {
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
border-radius: 17px;
|
||||
}
|
||||
|
||||
.osettings-btn {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 9999px;
|
||||
min-height: 50px;
|
||||
font-weight: normal;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.osettings-btn {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.osettings-btn-destructive {
|
||||
color: $onTertiary;
|
||||
background-color: $tertiary;
|
||||
background-image: linear-gradient(45deg, shade($color4, 5%) 58%, tint($color4, 10%) 58%);
|
||||
background-size: 300% 300%;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.osettings-btn-neutral {
|
||||
color: $onPrimary;
|
||||
background-color: $primary;
|
||||
background-image: linear-gradient(45deg, shade($color1, 5%) 58%, tint($color1, 10%) 58%);
|
||||
background-size: 300% 300%;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.osettings-btn-informative {
|
||||
color: $onSecondary;
|
||||
background-color: $secondary;
|
||||
background-image: linear-gradient(45deg, shade($color5, 5%) 58%, tint($color5, 10%) 58%);
|
||||
background-size: 300% 300%;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.osettings-btn-neutral:hover,
|
||||
.osettings-btn-neutral:focus {
|
||||
background-color: tint($primary, 10%);
|
||||
// background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
|
||||
background-position: 70% 0%;
|
||||
}
|
||||
|
||||
.osettings-btn-destructive:hover,
|
||||
.osettings-btn-destructive:focus {
|
||||
background-color: tint($tertiary, 10%);
|
||||
// background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
|
||||
background-position: 70% 0%;
|
||||
}
|
||||
|
||||
.osettings-btn-informative:hover,
|
||||
.osettings-btn-informative:focus {
|
||||
background-color: tint($secondary, 10%);
|
||||
// background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
|
||||
background-position: 70% 0%;
|
||||
}
|
||||
|
||||
.osettings-btn-neutral:active {
|
||||
background-color: tint($primary, 10%);
|
||||
// background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
.osettings-btn-destructive:active {
|
||||
background-color: tint($tertiary, 10%);
|
||||
// background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
.osettings-btn-informative:active {
|
||||
background-color: tint($secondary, 10%);
|
||||
// background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
.rounder {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
.osettings-slider {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
min-height: 6px;
|
||||
border-radius: 9999px;
|
||||
background-image: linear-gradient(45deg, $primary 50%, tint($colorbarbg, 15%) 50%);
|
||||
padding: 0px;
|
||||
|
||||
trough {
|
||||
border-radius: 9999px;
|
||||
background-color: tint($colorbarbg, 15%);
|
||||
min-height: 6px;
|
||||
margin-left: 32px;
|
||||
margin-right: 32px;
|
||||
// min-width: 70px;
|
||||
}
|
||||
|
||||
highlight {
|
||||
border-radius: 9999px;
|
||||
background-color: $primary;
|
||||
background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
|
||||
}
|
||||
|
||||
slider {
|
||||
border-radius: 9999px;
|
||||
min-height: 20px;
|
||||
min-width: 65px;
|
||||
background-color: $primary;
|
||||
margin: -8px;
|
||||
}
|
||||
|
||||
slider:hover {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-checkbox {
|
||||
border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
border: 3px solid $primary;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox-1 {
|
||||
border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: $primary;
|
||||
color: transparent;
|
||||
border: 3px solid $primary;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox-0 {
|
||||
border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
border: 3px solid $primary;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox:checked {
|
||||
border-radius: 9999px;
|
||||
background-color: $primary;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.osettings-waifu {
|
||||
margin-top: 30px;
|
||||
min-width: 350px;
|
||||
min-height: 350px;
|
||||
border-radius: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.onotify-app-icon {
|
||||
margin: 9px 5px;
|
||||
|
||||
color: $onSecondaryContainer;
|
||||
font-family: 'Material Symbols Rounded';
|
||||
font-size: 20pt;
|
||||
min-width: 40px;
|
||||
min-height: 40px;
|
||||
background-color: $secondaryContainer;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.onotify-app-name {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
color: $onSecondaryContainer;
|
||||
font-family: Rubik;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.onotify-app-text {
|
||||
color: $onSecondaryContainer;
|
||||
font-family: Rubik;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.onotify-app-ser {
|
||||
color: $onSecondaryContainer;
|
||||
font-family: Rubik;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.onotify-app-vol-circle {
|
||||
background-color: #5c5b5b;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.onotify-app-volbox {
|
||||
margin: 9px 5px;
|
||||
padding: 5px;
|
||||
|
||||
color: $onSecondaryContainer;
|
||||
font-family: 'Material Symbols Rounded';
|
||||
font-size: 20pt;
|
||||
min-width: 40px;
|
||||
min-height: 40px;
|
||||
background-color: $secondaryContainer;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.osettings-tag {
|
||||
color: $onTertiary;
|
||||
background-color: $tertiary;
|
||||
font-size: 13pt;
|
||||
font-family: 'Rubik';
|
||||
font-weight: 500;
|
||||
padding: 3px 8px;
|
||||
border-radius: 9999px;
|
||||
min-width: 50px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.osettings-tag:hover {
|
||||
background-color: tint($tertiary, 20%);
|
||||
}
|
||||
|
||||
.osettings-tag:active {
|
||||
background-color: tint($tertiary, 40%);
|
||||
}
|
||||
|
||||
.osettings-tag-nerd {
|
||||
color: $onTertiary;
|
||||
background-color: $tertiary;
|
||||
font-size: 13pt;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-weight: 500;
|
||||
padding: 3px 8px;
|
||||
border-radius: 9999px;
|
||||
min-width: 50px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.osettings-tag-nerd:hover {
|
||||
background-color: tint($tertiary, 20%);
|
||||
}
|
||||
|
||||
.osettings-tag-nerd:active {
|
||||
background-color: tint($tertiary, 40%);
|
||||
}
|
||||
|
||||
.osettings-tag-material {
|
||||
color: $onTertiary;
|
||||
background-color: $tertiary;
|
||||
font-size: 13pt;
|
||||
font-family: 'Material Symbols Rounded';
|
||||
font-weight: 500;
|
||||
padding: 3px 8px;
|
||||
border-radius: 9999px;
|
||||
// min-width: 25px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.osettings-tag-material:hover {
|
||||
background-color: tint($tertiary, 20%);
|
||||
}
|
||||
|
||||
.osettings-tag-material:active {
|
||||
background-color: tint($tertiary, 40%);
|
||||
}
|
||||
@@ -0,0 +1,198 @@
|
||||
.overview-window {
|
||||
@include window;
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
border-radius: 22px;
|
||||
background-color: shade($colorbarbg, 4%);
|
||||
// background-color: transparent;
|
||||
// border: 3px solid $color0;
|
||||
//padding: 5px;
|
||||
}
|
||||
|
||||
.overview-window-title {
|
||||
font-size: 15pt;
|
||||
color: $onPrimaryContainer;
|
||||
border-radius: 15px;
|
||||
background-color: tint($surface, 5%);
|
||||
margin: 4px;
|
||||
padding: 4px;
|
||||
min-height: 30px;
|
||||
background-image: linear-gradient(135deg, $onSecondary 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 33%, $onSecondary 33%, $onSecondary 68%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 95%, $onSecondary 95%);
|
||||
}
|
||||
|
||||
.overview-window-top {
|
||||
@include rounding;
|
||||
background-color: transparent;
|
||||
border: 3px solid transparent;
|
||||
//padding: 5px;
|
||||
}
|
||||
|
||||
.overview-ws {
|
||||
border: 2px solid;
|
||||
border-radius: 15px;
|
||||
background-color: tint($surface, 2%);
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.overview-ws-true {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.overview-ws-false {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.overview-ws-window {
|
||||
// border: 2px solid transparent;
|
||||
// background-color: rgba(108, 112, 134, 1);
|
||||
border-radius: 15px;
|
||||
background-color: shade($surface0, 2%);
|
||||
border: 1px solid $surface0;
|
||||
border-top: 1px solid tint($surface0, 5%);
|
||||
// //margin: 3px;
|
||||
}
|
||||
|
||||
.overview-ws-window-content {
|
||||
border-radius: 11px;
|
||||
// background-color: rgba(135, 147, 163, 0.7);
|
||||
}
|
||||
|
||||
.overview-topbar-icon {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
margin: 5px;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.overview-topbar-button {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
margin: 5px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.overview-topbar-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.overview-icon {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.overview-background {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.overview-ws-text {
|
||||
//padding-left: 5px;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.overview-ws-subtext {
|
||||
//padding-left: 5px;
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.overview-ws-number {
|
||||
//Note: height 100px width 356px
|
||||
font-size: 25pt;
|
||||
border-radius: 11px;
|
||||
background-color: $overlay0;
|
||||
color: $onBackground;
|
||||
//margin: 10px;
|
||||
min-height: 40px;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.overview-title {
|
||||
font-weight: bold;
|
||||
font-size: 15pt;
|
||||
//padding-top: .6rem;
|
||||
//padding-bottom: .6rem;
|
||||
}
|
||||
|
||||
.overview-search-box {
|
||||
border: 2px solid;
|
||||
border-radius: 9999px;
|
||||
background-color: tint($colorbarbg, 4%);
|
||||
color: $onBackground;
|
||||
font-size: 15pt;
|
||||
min-height: 45px;
|
||||
min-width: 130px;
|
||||
|
||||
margin: 20px 20px;
|
||||
padding: 2px 17px;
|
||||
|
||||
caret-color: $onBackground;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-box:focus {
|
||||
color: $tertiary;
|
||||
}
|
||||
|
||||
.overview-results {
|
||||
// background-color: $surface;
|
||||
padding: 10px 5px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.overview-search-result {
|
||||
border-radius: 9999px;
|
||||
background-color: $onTertiary;
|
||||
color: $onBackground;
|
||||
font-size: 15pt;
|
||||
min-height: 47px;
|
||||
min-width: 400px;
|
||||
padding: 2px 12px;
|
||||
padding-left: 57px;
|
||||
margin: 0px 5px;
|
||||
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($tertiaryContainer, 10%) 60%);
|
||||
background-size: 400% auto;
|
||||
background-position: 40% 50%;
|
||||
|
||||
caret-color: transparent;
|
||||
|
||||
selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-result-icon {
|
||||
background-color: $tertiaryContainer;
|
||||
border-radius: 9999px;
|
||||
min-height: 51px;
|
||||
min-width: 51px;
|
||||
// padding: 2px 12px;
|
||||
}
|
||||
|
||||
.overview-search-result:focus {
|
||||
color: $onTertiaryContainer;
|
||||
// background-color: $tertiaryContainer;
|
||||
background-position: 65% 50%;
|
||||
}
|
||||
|
||||
.overview-search-result:active {
|
||||
color: $onTertiaryContainer;
|
||||
// background-color: $tertiaryContainer;
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
.overview-search-typetosearch-pad {
|
||||
min-width: 160px;
|
||||
margin: 20px 20px;
|
||||
padding: 2px 12px;
|
||||
}
|
||||
|
||||
.overview-search-typetosearch-text {
|
||||
margin: 13px 13px;
|
||||
font-size: 15pt;
|
||||
color: #CCCCCC;
|
||||
}
|
||||
@@ -0,0 +1,170 @@
|
||||
.system-menu-box {
|
||||
@include window;
|
||||
background-color: $colorbarbg;
|
||||
border: 3px solid $border;
|
||||
// color: $colortext;
|
||||
}
|
||||
|
||||
.separator {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
margin: 1rem 1.5rem 0;
|
||||
|
||||
.time {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.date-box {
|
||||
margin: 0 1rem;
|
||||
|
||||
label {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.date {
|
||||
background: unset;
|
||||
margin: 0 .5rem 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.system-row {
|
||||
font-family: Rubik;
|
||||
// margin: .5rem .7rem;
|
||||
margin-top: 27px;
|
||||
|
||||
.airplane-box button {
|
||||
padding: 1rem 3rem;
|
||||
}
|
||||
|
||||
.power-box button {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.element {
|
||||
font-family: 'Rubik';
|
||||
border-top-left-radius: 31px;
|
||||
border-top-right-radius: 31px;
|
||||
border-bottom-left-radius: 31px;
|
||||
border-bottom-right-radius: 10px;
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
margin: .3rem;
|
||||
|
||||
button {
|
||||
border-top-left-radius: 31px;
|
||||
border-top-right-radius: 31px;
|
||||
border-bottom-left-radius: 31px;
|
||||
border-bottom-right-radius: 10px;
|
||||
padding: 1rem;
|
||||
|
||||
label {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $overlay0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sliders {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
@include rounding;
|
||||
background-color: $surface0;
|
||||
margin: .5rem 1rem;
|
||||
padding: .6rem 1rem;
|
||||
|
||||
scale {
|
||||
margin-right: -1rem;
|
||||
min-width: 25.8rem;
|
||||
}
|
||||
|
||||
scale trough {
|
||||
background-color: $bg1;
|
||||
border-radius: 24px;
|
||||
margin: 0 1rem;
|
||||
min-height: 10px;
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
box {
|
||||
margin: .2rem 0;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sliderbg {
|
||||
background-color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.volume-bar highlight {
|
||||
font-family: SF Mono Nerd Font;
|
||||
@include rounding;
|
||||
background: $color6;
|
||||
// background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
|
||||
}
|
||||
|
||||
.volume-slider-box scale highlight {
|
||||
@include rounding;
|
||||
background: $color6;
|
||||
// background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
|
||||
// border: 2px solid;
|
||||
min-height: 0.9rem;
|
||||
}
|
||||
|
||||
// .volume-slider-box scale {
|
||||
// @include rounding;
|
||||
// background-color: #1A1B26;
|
||||
// border: 2px solid;
|
||||
// }
|
||||
|
||||
.bottom-row {
|
||||
margin: .5rem 1rem;
|
||||
|
||||
.battery-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.battery-wattage {
|
||||
color: $color7;
|
||||
}
|
||||
|
||||
.battery-status {
|
||||
color: $colortext;
|
||||
margin: 0 .5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: $surface0;
|
||||
border-radius: 50%;
|
||||
margin-bottom: .1rem;
|
||||
padding: 0 .5rem;
|
||||
|
||||
label {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $overlay0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.power-button {
|
||||
min-height: 2.5rem;
|
||||
// min-width: 2.5rem;
|
||||
}
|
||||
@@ -0,0 +1,188 @@
|
||||
.membar {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.cpubar {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.batbar {
|
||||
color: $color6;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.cpubar-circle {
|
||||
background-color: #5c5b5b;
|
||||
}
|
||||
.membar-circle {
|
||||
background-color: #5c5b5b;
|
||||
}
|
||||
.batbar-circle {
|
||||
background-color: #5c5b5b;
|
||||
}
|
||||
|
||||
// .batbar-circle {
|
||||
// color: $battcolor;
|
||||
// padding-right: 4px;
|
||||
// }
|
||||
|
||||
// .membar,
|
||||
// .cpubar,
|
||||
// .batbar {
|
||||
// // background-color: transparent;
|
||||
// padding: 0px;
|
||||
// }
|
||||
|
||||
.membar:hover,
|
||||
.cpubar:hover,
|
||||
.batbar:hover {
|
||||
// border-top: 2px solid;
|
||||
}
|
||||
|
||||
.batt-percentage {
|
||||
color: $color6;
|
||||
}
|
||||
|
||||
.batt-low {
|
||||
background-color: #B5E8E0;
|
||||
color: #161320;
|
||||
animation-name: blink;
|
||||
animation-duration: 0.5s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
.sys-menu-charge {
|
||||
color: $colorbar;
|
||||
}
|
||||
|
||||
.iconmem {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.iconcpu {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.icon-text {
|
||||
font-size: 3rem;
|
||||
padding: .7rem;
|
||||
}
|
||||
|
||||
.sys-text-sub {
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.sys-text-mem,
|
||||
.sys-text-cpu {
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sys-icon-mem,
|
||||
.sys-icon-cpu {
|
||||
font-size: 1.5rem;
|
||||
margin: 1.5rem;
|
||||
}
|
||||
|
||||
.system-info-box {
|
||||
@include rounding;
|
||||
background-color: $surface0;
|
||||
margin: .5rem 1rem;
|
||||
// padding: .5rem;
|
||||
}
|
||||
|
||||
.sys-mem,
|
||||
.sys-cpu {
|
||||
background-color: $colorbg;
|
||||
}
|
||||
|
||||
.sys-icon-mem,
|
||||
.sys-text-mem,
|
||||
.sys-mem {
|
||||
color: $memcolor;
|
||||
}
|
||||
|
||||
.sys-icon-cpu,
|
||||
.sys-text-cpu,
|
||||
.sys-cpu {
|
||||
color: $cpucolor;
|
||||
}
|
||||
|
||||
.sys-box {
|
||||
margin: .3em;
|
||||
// background-color: tint($colorbarbg, 7%);
|
||||
// border-radius: 20px;
|
||||
// padding: 35px;
|
||||
|
||||
box {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cpu-menu {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
color: $color4;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.mem-menu {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
color: $color5;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.mem-menu-left {
|
||||
color: $color5;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.mem-menu-mid {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.mem-menu-right {
|
||||
color: $color5;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.sys-menu {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
color: $battcolor;
|
||||
}
|
||||
|
||||
.sys-menu-button {
|
||||
color: $colorbar;
|
||||
padding: 16px 0;
|
||||
background-image: url("images/LinageSettings.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
// .volume-bar, .brightness-slider, .slider {
|
||||
// background-color: #16161E;
|
||||
// border: 2px solid #7C9FF5;
|
||||
// border-radius: 99px;
|
||||
// }
|
||||
|
||||
.sys-toggle {
|
||||
font-size: 3pt;
|
||||
}
|
||||
|
||||
.inside-circle {
|
||||
min-height: 27px;
|
||||
min-width: 27px;
|
||||
}
|
||||
|
||||
.sys-circle-inner {
|
||||
font-size: 15pt;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.sys-batt-charge-box {
|
||||
margin: 5px 0;
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
.taskbaricon {
|
||||
background-size: 60%;
|
||||
background-position: center;
|
||||
min-width: 42px;
|
||||
min-height: 42px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.taskbaricon-false {
|
||||
background-size: 70%;
|
||||
background-position: center;
|
||||
min-width: 42px;
|
||||
min-height: 42px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.taskbaricon-true {
|
||||
background-size: 70%;
|
||||
background-position: center;
|
||||
min-width: 42px;
|
||||
min-height: 42px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.taskbar-indicator-true {
|
||||
border-radius: 6px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
margin-bottom: 4px;
|
||||
margin-top: 43px;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.taskbar-indicator-false {
|
||||
border-radius: 6px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
margin-bottom: 4px;
|
||||
margin-top: 43px;
|
||||
margin-left: 22px;
|
||||
margin-right: 22px;
|
||||
background-color: #9C98A3;
|
||||
}
|
||||
|
||||
.taskbar-button-only {
|
||||
:first-child {
|
||||
:first-child {
|
||||
border-radius: 6px;
|
||||
border: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.taskbar-button-only:hover {
|
||||
:first-child {
|
||||
:first-child {
|
||||
background-color: shade($overlay0, 2%);
|
||||
border: 1px solid $overlayedge;
|
||||
border-top: 1px solid tint($overlayedge, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.taskbar-button-only:active {
|
||||
:first-child {
|
||||
:first-child {
|
||||
background-color: tint($overlay0, 8%);
|
||||
border: 1px solid tint($overlayedge, 10%);
|
||||
border-top: 1px solid tint($overlayedge, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.taskbar-button-pad {
|
||||
padding: 3px;
|
||||
// min-width: 42px;
|
||||
min-height: 42px;
|
||||
}
|
||||
@@ -0,0 +1,205 @@
|
||||
.themer-button {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Rounded;
|
||||
// background-image: url('images/svg/beatmappacks.svg');
|
||||
// background-size: auto 65%;
|
||||
// background-position: center;
|
||||
}
|
||||
|
||||
|
||||
.themer-button-false {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Rounded;
|
||||
// background-image: url('images/svg/beatmappacks.svg');
|
||||
// background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
|
||||
// background-size: 400% auto;
|
||||
// background-position: 90% 50%;
|
||||
}
|
||||
|
||||
.themer-button-true {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Rounded;
|
||||
background-color: $overlay0;
|
||||
// background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
|
||||
// background-size: 400% auto;
|
||||
// background-position: 90% 50%;
|
||||
}
|
||||
|
||||
.themer-action-button {
|
||||
@include rounding;
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Rounded;
|
||||
}
|
||||
|
||||
.themer-action-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.themer-action-button:active {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.themer-action-button:focus {
|
||||
border: 2px solid $overlay0;
|
||||
}
|
||||
|
||||
.themer-menu-box {
|
||||
@include window;
|
||||
@include rounding;
|
||||
border-radius: 15px;
|
||||
background-color: shade($colorbarbg, 4%);
|
||||
margin: 14px;
|
||||
transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
// box-shadow: 2px 2px 6px #16161E;
|
||||
}
|
||||
|
||||
.themer-title {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
font-size: 15pt;
|
||||
padding: .6rem;
|
||||
color: $colortext;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.themer-prompt {
|
||||
color: $colortext;
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
font-size: 12pt;
|
||||
padding: .6rem;
|
||||
}
|
||||
|
||||
.themer-input {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
// background-color: $surface0;
|
||||
background-color: tint($colorbarbg, 4%);
|
||||
color: $colortext;
|
||||
border-radius: 10px;
|
||||
padding: 7px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
border: 2px solid $overlay0;
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.themer-input:focus {
|
||||
border: 2px solid $colortext;
|
||||
}
|
||||
|
||||
.themer-color-preview-section {
|
||||
@include rounding;
|
||||
}
|
||||
|
||||
.themer-color-preview {
|
||||
min-height: 25px;
|
||||
min-width: 25px;
|
||||
border-radius: 5px;
|
||||
border-width: 55px;
|
||||
}
|
||||
|
||||
.preview-0 {
|
||||
background-color: $color0;
|
||||
}
|
||||
|
||||
.preview-1 {
|
||||
background-color: $color1;
|
||||
}
|
||||
|
||||
.preview-2 {
|
||||
background-color: $color2;
|
||||
}
|
||||
|
||||
.preview-3 {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.preview-4 {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.preview-5 {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.preview-6 {
|
||||
background-color: $color6;
|
||||
}
|
||||
|
||||
.preview-7 {
|
||||
background-color: $color7;
|
||||
}
|
||||
|
||||
.preview-primary {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.preview-onPrimary {
|
||||
background-color: $onPrimary;
|
||||
}
|
||||
|
||||
.preview-primaryContainer {
|
||||
background-color: $primaryContainer;
|
||||
}
|
||||
|
||||
.preview-onPrimaryContainer {
|
||||
background-color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.preview-secondary {
|
||||
background-color: $secondary;
|
||||
}
|
||||
|
||||
.preview-onSecondary {
|
||||
background-color: $onSecondary;
|
||||
}
|
||||
|
||||
.preview-secondaryContainer {
|
||||
background-color: $secondaryContainer;
|
||||
}
|
||||
|
||||
.preview-onSecondaryContainer {
|
||||
background-color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.preview-tertiary {
|
||||
background-color: $tertiary;
|
||||
}
|
||||
|
||||
.preview-onTertiary {
|
||||
background-color: $onTertiary;
|
||||
}
|
||||
|
||||
.preview-tertiaryContainer {
|
||||
background-color: $tertiaryContainer;
|
||||
}
|
||||
|
||||
.preview-onTertiaryContainer {
|
||||
background-color: $onTertiaryContainer;
|
||||
}
|
||||
|
||||
.preview-background {
|
||||
background-color: $colorbarbg;
|
||||
}
|
||||
|
||||
.preview-onBackground {
|
||||
background-color: $onBackground;
|
||||
}
|
||||
|
||||
.preview-surface {
|
||||
background-color: $surface;
|
||||
}
|
||||
|
||||
.preview-onSurface {
|
||||
background-color: $onSurface;
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
.vol-icon {
|
||||
color: $color6;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
// .vol-icon {
|
||||
// color: $tokyocyan;
|
||||
// padding-right: 2px;
|
||||
// }
|
||||
|
||||
.volbar highlight {
|
||||
background-image: linear-gradient(to right, $teal 30%, $sky 100%);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
.vol-menu {
|
||||
font-size: 1pt;
|
||||
color: $color6;
|
||||
padding-right: 2px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.vol-menu:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
.vol-icon:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
.winctl {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
color: $color0;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.winctl:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
|
||||
.winws {
|
||||
@include rounding;
|
||||
background-color: $surface0;
|
||||
margin: .4rem .8rem;
|
||||
padding: .3rem .5rem;
|
||||
min-width: 31rem;
|
||||
}
|
||||
|
||||
.winws-title {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
font-weight: bold;
|
||||
font-size: 15pt;
|
||||
padding-top: .6rem;
|
||||
padding-bottom: .6rem;
|
||||
}
|
||||
|
||||
.wintext {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
font-size: 13pt;
|
||||
}
|
||||
.winsubtext {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.winws-workspace {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.appicon {
|
||||
background-size: 90%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
padding-left: 22px;
|
||||
padding-right: 22px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.wschoose {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
font-size: 14pt;
|
||||
}
|
||||
@@ -0,0 +1,634 @@
|
||||
@import 'css/colors';
|
||||
@import 'css/colorscheme';
|
||||
@import 'css/material';
|
||||
@import 'images/svg/color.scss';
|
||||
|
||||
@function tint($color, $percentage) {
|
||||
@return mix(rgb(245, 250, 255), $color, $percentage);
|
||||
}
|
||||
|
||||
@function shade($color, $percentage) {
|
||||
@return mix(rgb(0, 7, 18), $color, $percentage);
|
||||
}
|
||||
|
||||
$battcolor: $color6;
|
||||
$memcolor: $color5;
|
||||
$cpucolor: $color4;
|
||||
$border: $color7;
|
||||
$surface0: tint($colorbg, 10%);
|
||||
$bg1: $surface0;
|
||||
|
||||
//thanks flick0!
|
||||
@keyframes gradient {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
//also thanks to him
|
||||
@keyframes blink {
|
||||
to {
|
||||
background-color: #f9e2af;
|
||||
color: #96804e;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
to {
|
||||
background-size: 1000% 1000%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes flyin-bottom {
|
||||
from {
|
||||
margin-bottom: -55px;
|
||||
margin-top: 55px;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes flyin-top {
|
||||
from {
|
||||
margin-bottom: 55px;
|
||||
margin-top: -55px;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin rounding {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
@mixin filter {
|
||||
saturate {
|
||||
filter: saturate(3);
|
||||
}
|
||||
|
||||
grayscale {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
|
||||
contrast {
|
||||
filter: contrast(160%);
|
||||
}
|
||||
|
||||
brightness {
|
||||
filter: brightness(0.25);
|
||||
}
|
||||
|
||||
blur {
|
||||
filter: blur(3px);
|
||||
}
|
||||
|
||||
invert {
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
.sepia {
|
||||
filter: sepia(100%);
|
||||
}
|
||||
|
||||
huerotate {
|
||||
filter: hue-rotate(180deg);
|
||||
}
|
||||
|
||||
rss.opacity {
|
||||
filter: opacity(50%);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin window {
|
||||
border: 3px solid $primary;
|
||||
// box-shadow: 0 2px 3px $shadow;
|
||||
margin: 5px 5px 10px;
|
||||
@include rounding;
|
||||
}
|
||||
|
||||
* {
|
||||
all: unset;
|
||||
transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
// font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.scale slider {
|
||||
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.progress slider {
|
||||
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.music-ctl-revealer {
|
||||
font-family: Material Symbols Rounded;
|
||||
}
|
||||
|
||||
@import 'css/bottombar';
|
||||
@import 'css/bgdecor';
|
||||
@import 'css/calendar';
|
||||
@import 'css/dashboard';
|
||||
@import 'css/dashfs';
|
||||
@import 'css/editmode';
|
||||
@import 'css/music';
|
||||
@import 'css/notification';
|
||||
@import 'css/overview';
|
||||
@import 'css/osd';
|
||||
@import 'css/osettings';
|
||||
@import 'css/sidebar';
|
||||
@import 'css/system';
|
||||
@import 'css/themer';
|
||||
@import 'css/taskbar';
|
||||
@import 'css/volume';
|
||||
@import 'css/winctl';
|
||||
@import 'css/winstuff';
|
||||
|
||||
.module-group {
|
||||
// background-color: $colorbg;
|
||||
min-width: 53px;
|
||||
color: $fg;
|
||||
border-bottom-right-radius: 26px;
|
||||
border-bottom-left-radius: 26px;
|
||||
}
|
||||
|
||||
.bar-bg-only {
|
||||
margin: 10px;
|
||||
margin-bottom: -1069px;
|
||||
border-radius: 26px;
|
||||
background-color: shade($colorbg, 75%);
|
||||
background-image: linear-gradient(45deg, shade($onTertiary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onTertiary, 47%) 37%, shade($onTertiary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onTertiary, 47%) 85%);
|
||||
// border: 2px solid transparent;
|
||||
}
|
||||
|
||||
.bar-bg-border-only {
|
||||
margin: 8px;
|
||||
margin-bottom: -1071px;
|
||||
border-radius: 26px;
|
||||
background-image: linear-gradient(45deg, $color0 30%, $color2 60%, $color4 100%);
|
||||
}
|
||||
|
||||
.bar-bg-only-compact {
|
||||
margin-bottom: -1080px;
|
||||
background-color: shade($colorbg, 75%);
|
||||
background-image: linear-gradient(45deg, shade($onTertiary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onTertiary, 47%) 37%, shade($onTertiary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onTertiary, 47%) 85%);
|
||||
}
|
||||
|
||||
.bar-normal {
|
||||
// margin: 8px;
|
||||
min-width: 53px;
|
||||
color: $fg;
|
||||
|
||||
label {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
font-family: 'Rubik';
|
||||
// animation-name: flyin-top;
|
||||
// animation-duration: 350ms;
|
||||
// animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
// animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
.bar-compact {
|
||||
background-color: shade($colorbg, 70%); //because dark background makes colors pop
|
||||
border-bottom: 1px solid $primary;
|
||||
min-width: 53px;
|
||||
color: $fg;
|
||||
|
||||
label {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
tooltip {
|
||||
background: $colorbarbg;
|
||||
border: 1px solid rgba(60, 60, 60, 0.4);
|
||||
border-radius: 8px;
|
||||
color: white;
|
||||
|
||||
label {
|
||||
font-family: 'Rubik';
|
||||
font-size: 13pt;
|
||||
}
|
||||
}
|
||||
|
||||
.music-module {
|
||||
font-family: Material Symbols Rounded;
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-family: Material Symbols Rounded;
|
||||
// padding-left: 4px;
|
||||
// padding-right: 4px;
|
||||
}
|
||||
|
||||
.module {
|
||||
font-family: Material Symbols Rounded;
|
||||
min-height: 53px;
|
||||
}
|
||||
|
||||
.module-timedate {
|
||||
padding-left: 13px;
|
||||
padding-right: 13px;
|
||||
}
|
||||
|
||||
.hour {
|
||||
// font-weight: bold;
|
||||
// padding-left: 13px;
|
||||
color: $colorbar;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.clock {
|
||||
color: $color2;
|
||||
font-family: 'Rubik';
|
||||
font-size: 19pt;
|
||||
}
|
||||
|
||||
// .clock-module:hover {
|
||||
// border-top: 2px solid $color5;
|
||||
// }
|
||||
|
||||
.minute {
|
||||
color: $color2;
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
}
|
||||
|
||||
.timedate-time {
|
||||
label {
|
||||
font-size: 16pt;
|
||||
}
|
||||
}
|
||||
|
||||
.date {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
color: $color2;
|
||||
|
||||
// margin-top: -2px;
|
||||
label {
|
||||
font-size: 12pt;
|
||||
}
|
||||
}
|
||||
|
||||
.bright-icon {
|
||||
color: $color2;
|
||||
padding-right: 4px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
// .bright-icon:hover {
|
||||
// border-top: 2px solid;
|
||||
// }
|
||||
|
||||
.module-bt {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.workspaces {
|
||||
// margin-left: 10px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.player-controls {
|
||||
font-family: Material Symbols Rounded;
|
||||
}
|
||||
|
||||
.volume-icon {
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
.net-icon {
|
||||
color: $color7;
|
||||
font-family: Material Symbols Rounded;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
// .net-icon:hover {
|
||||
// border-top: 2px solid;
|
||||
// }
|
||||
|
||||
.my-separator {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
color: $onBackground;
|
||||
min-height: 53px;
|
||||
}
|
||||
|
||||
.ws {
|
||||
font-size: 6rem;
|
||||
transition: 75ms cubic-bezier(0.05, 0.9, 0.1, 1); //Hyprland, no overshot
|
||||
// transition: 400ms cubic-bezier(0.2, 0.0, 0, 1.0); //Material 3
|
||||
}
|
||||
|
||||
.ws-top {
|
||||
// padding-top: 9px;
|
||||
}
|
||||
|
||||
.ws-active-top {
|
||||
|
||||
}
|
||||
|
||||
.ws-text {
|
||||
font-size: 16pt;
|
||||
font-family: Rubik;
|
||||
border-radius: 9999px;
|
||||
// padding-left: 3px;
|
||||
// padding-right: 3px;
|
||||
min-width: 27px;
|
||||
min-height: 27px;
|
||||
color: $colorbarbg;
|
||||
margin: 2px 21px;
|
||||
}
|
||||
|
||||
.ws-text-top {
|
||||
// font-size: 16pt;
|
||||
// font-family: Rubik;
|
||||
border-radius: 9999px;
|
||||
// padding-left: 3px;
|
||||
// padding-right: 3px;
|
||||
min-width: 27px;
|
||||
min-height: 5px;
|
||||
color: $colorbarbg;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.ws-text-active {
|
||||
background-color: $colorbar;
|
||||
}
|
||||
|
||||
.ws:hover {
|
||||
:first-child {
|
||||
color: $tertiary;
|
||||
}
|
||||
}
|
||||
|
||||
.ws-active {
|
||||
background-color: $onBackground;
|
||||
}
|
||||
|
||||
.ws-inactive {
|
||||
// background-color: tint($colorbg, 37%);
|
||||
background-color: rgba(194, 192, 192, 0.7);
|
||||
}
|
||||
|
||||
.ws-empty {
|
||||
// background-color: tint($colorbg, 10%);
|
||||
background-color: rgba(146, 145, 145, 0.3);
|
||||
}
|
||||
|
||||
.activewin {
|
||||
color: $colorbar;
|
||||
// padding-left: 8px;
|
||||
// padding-right: 8px;
|
||||
}
|
||||
|
||||
// .themer-get {
|
||||
// padding-top: 4px;
|
||||
// padding-left: 10px;
|
||||
// padding-right: 10px;
|
||||
// background-image: url("images/grayscale/Add.png");
|
||||
// background-repeat: no-repeat;
|
||||
// background-position: center;
|
||||
// background-size: 100%;
|
||||
// }
|
||||
|
||||
// .themer-restore {
|
||||
// padding-top: 7px;
|
||||
// padding-left: 10px;
|
||||
// padding-right: 10px;
|
||||
// padding-bottom: 16px;
|
||||
// background-image: url("images/grayscale/Backup.png");
|
||||
// background-repeat: no-repeat;
|
||||
// background-position: center;
|
||||
// background-size: 100%;
|
||||
// }
|
||||
|
||||
|
||||
.icon,
|
||||
.icon,
|
||||
.icon-text,
|
||||
.vol-icon label {
|
||||
font-family: "Material Symbols Rounded";
|
||||
}
|
||||
|
||||
.username {
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.userpic {
|
||||
margin: 5px;
|
||||
min-height: 42px;
|
||||
min-width: 42px;
|
||||
background-size: 100%;
|
||||
border-radius: 5px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.osettings-toggle-button-false {
|
||||
:first-child {
|
||||
:first-child {
|
||||
min-width: 53px;
|
||||
min-height: 53px;
|
||||
background-color: transparent;
|
||||
// background-image: url('images/svg/settings.svg');
|
||||
background-size: auto 400%;
|
||||
background-repeat: no-repeat;
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
|
||||
border-radius: 26px;
|
||||
|
||||
:active {
|
||||
background-color: $overlay0;
|
||||
background-position: 50% 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-toggle-button-false:hover {
|
||||
:first-child {
|
||||
:first-child {
|
||||
background-color: $overlay0;
|
||||
background-position: 60% 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-toggle-button-true {
|
||||
:first-child {
|
||||
:first-child {
|
||||
min-width: 53px;
|
||||
min-height: 53px;
|
||||
background-color: $overlay0;
|
||||
background-position: 50% 90%;
|
||||
background-repeat: no-repeat;
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
|
||||
background-size: auto 400%;
|
||||
border-radius: 26px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.module-button-pad {
|
||||
margin: 8px 0;
|
||||
border-radius: 26px;
|
||||
// background-color: shade($colorbg, 75%);
|
||||
}
|
||||
|
||||
.module-button-pad-left {
|
||||
margin: 0 8px;
|
||||
margin-top: 8px;
|
||||
// background-color: shade($colorbg, 75%);
|
||||
border-top-left-radius: 26px;
|
||||
border-bottom-left-radius: 26px;
|
||||
}
|
||||
|
||||
.module-button-pad-center {
|
||||
margin: 0 8px;
|
||||
// background-color: shade($colorbg, 75%);
|
||||
}
|
||||
|
||||
.module-button-pad-right {
|
||||
margin: 0 8px;
|
||||
margin-bottom: 8px;
|
||||
// background-color: shade($colorbg, 75%);
|
||||
border-bottom-right-radius: 26px;
|
||||
border-top-right-radius: 26px;
|
||||
}
|
||||
|
||||
.module-button-pad-right-nomargin {
|
||||
// background-color: shade($colorbg, 75%);
|
||||
border-bottom-right-radius: 26px;
|
||||
border-top-right-radius: 26px;
|
||||
}
|
||||
|
||||
.onotify-toggle-button-false {
|
||||
min-width: 53px;
|
||||
min-height: 53px;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
|
||||
:hover {
|
||||
background-color: $overlay0;
|
||||
// background-image: url('./images/lazer_icons/notifications_hover.png');
|
||||
}
|
||||
|
||||
border-radius: 26px;
|
||||
}
|
||||
|
||||
.onotify-toggle-button-true {
|
||||
min-width: 53px;
|
||||
min-height: 53px;
|
||||
background-color: $overlay0;
|
||||
// background-image: url('./images/lazer_icons/notifications_hover.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.real-onotify-toggle-button {
|
||||
min-width: 53px;
|
||||
min-height: 53px;
|
||||
// background-image: url('./images/svg/forum.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
|
||||
:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
}
|
||||
|
||||
.real-onotify-toggle-button-true {
|
||||
min-width: 53px;
|
||||
min-height: 53px;
|
||||
background-color: $overlay0;
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
// background-image: url('./images/svg/forum.svg');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.module-button {
|
||||
transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
border-radius: 26px;
|
||||
padding: 5px 0;
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
|
||||
background-size: auto 400%;
|
||||
background-position: 50% 40%;
|
||||
}
|
||||
|
||||
.module-button-hover {
|
||||
transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
border-radius: 26px;
|
||||
padding: 5px 0;
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
|
||||
background-size: auto 400%;
|
||||
background-color: $overlay0;
|
||||
background-position: 50% 60%;
|
||||
}
|
||||
|
||||
.module-button:hover {
|
||||
background-color: $overlay0;
|
||||
background-position: 50% 60%;
|
||||
}
|
||||
|
||||
.module-button:active {
|
||||
background-color: $overlay0;
|
||||
background-position: 50% 100%;
|
||||
}
|
||||
|
||||
.module-button-true {
|
||||
border-radius: 26px;
|
||||
padding: 5px 0;
|
||||
background-color: $overlay0;
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
|
||||
background-size: auto 400%;
|
||||
background-position: 50% 90%;
|
||||
}
|
||||
|
||||
.dynbg-image {
|
||||
transition: 900ms cubic-bezier(0.05, 0.9, 0.1, 1); // Hyprland default bezier but no overshot
|
||||
}
|
||||
|
||||
progressbar>trough {
|
||||
min-width: 30px;
|
||||
}
|
||||
|
||||
.box-that-is-there {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.search-button {
|
||||
min-height: 53px;
|
||||
min-width: 65px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Rounded;
|
||||
}
|
||||
|
||||
.workspaces-top {
|
||||
min-width: 306px;
|
||||
min-height: 5px;
|
||||
}
|
||||
@@ -0,0 +1,204 @@
|
||||
;##################### Modules #########################
|
||||
(include "./modules/activewindow.yuck")
|
||||
(include "./modules/audiolevels.yuck")
|
||||
(include "./modules/bluetooth.yuck")
|
||||
(include "./modules/bright.yuck")
|
||||
(include "./modules/clock.yuck")
|
||||
(include "./modules/editmode.yuck")
|
||||
(include "./modules/music.yuck")
|
||||
; (include "./modules/net.yuck")
|
||||
(include "./modules/searchbutton.yuck")
|
||||
(include "./modules/sys.yuck")
|
||||
(include "./modules/taskbar.yuck")
|
||||
(include "./modules/variables.yuck")
|
||||
(include "./modules/user.yuck")
|
||||
; (include "./modules/volume.yuck")
|
||||
(include "./modules/winstuff.yuck")
|
||||
(include "./modules/workspaces.yuck")
|
||||
|
||||
;##################### Windows #########################
|
||||
(include "./windows/bottombar.yuck")
|
||||
(include "./windows/bg-decor.yuck")
|
||||
(include "./windows/dynamic-bg.yuck")
|
||||
(include "./windows/dashboard.yuck")
|
||||
(include "./windows/dashfs.yuck")
|
||||
(include "./windows/calendar.yuck")
|
||||
(include "./windows/music.yuck")
|
||||
(include "./windows/overview.yuck")
|
||||
(include "./windows/osd.yuck")
|
||||
(include "./windows/osettings.yuck")
|
||||
(include "./windows/onotify.yuck")
|
||||
; (include "./windows/system-menu.yuck")
|
||||
(include "./windows/themer.yuck")
|
||||
(include "./windows/winactions.yuck")
|
||||
(include "./windows/winosd.yuck")
|
||||
(include "./windows/winnews.yuck")
|
||||
(include "./windows/winnotif.yuck")
|
||||
(include "./windows/winpowermenu.yuck")
|
||||
(include "./windows/winstart.yuck")
|
||||
(include "./windows/winoverview.yuck")
|
||||
(include "./windows/wingamebar.yuck")
|
||||
|
||||
(defwidget separator []
|
||||
(box
|
||||
:valign "start"
|
||||
(label
|
||||
:class "my-separator"
|
||||
:text "|"
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
(defwidget left []
|
||||
(eventbox
|
||||
:onhover "${EWW_CMD} update music_reveal=true"
|
||||
:onhoverlost "${EWW_CMD} update music_reveal=false"
|
||||
(box
|
||||
:space-evenly false
|
||||
:spacing 5
|
||||
:valign "start" :halign "start"
|
||||
:orientation "v"
|
||||
(osettings-button)
|
||||
(revealer
|
||||
:reveal false
|
||||
:transition "slidedown"
|
||||
(revealer
|
||||
:reveal false
|
||||
:transition "slidedown"
|
||||
(label
|
||||
:text :angle 270 "${volume.audio} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
|
||||
)
|
||||
)
|
||||
)
|
||||
(clock_module)
|
||||
(osu-music-module)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
(defwidget right []
|
||||
(eventbox
|
||||
:onhover "${EWW_CMD} update right_hover=true"
|
||||
:onhoverlost "${EWW_CMD} update right_hover=false"
|
||||
(box
|
||||
:space-evenly false
|
||||
:spacing 5
|
||||
:halign "start" :valign "end"
|
||||
:orientation "v"
|
||||
(themer)
|
||||
(onotify-button)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
(defwidget center []
|
||||
(box
|
||||
:space-evenly false
|
||||
:spacing 5
|
||||
:valign "center"
|
||||
:orientation "v"
|
||||
; (searchbutton)
|
||||
(revealer
|
||||
:reveal {rev_center_ws || awin.title == 'null'}
|
||||
; :reveal false
|
||||
:transition "slidedown"
|
||||
:duration "0ms"
|
||||
(workspaces)
|
||||
)
|
||||
; (revealer
|
||||
; :reveal {!(rev_center_ws || awin.title == 'null')}
|
||||
; ; :reveal true
|
||||
; :transition "slidedown"
|
||||
; :duration "0ms"
|
||||
; (activewindow)
|
||||
; )
|
||||
)
|
||||
)
|
||||
|
||||
(defwidget bar [] ; Class .bar applies automatically
|
||||
(box
|
||||
:space-evenly false
|
||||
:orientation "v"
|
||||
(box
|
||||
:class "bar-bg-border-only"
|
||||
)
|
||||
(box
|
||||
:class "bar-bg-only"
|
||||
)
|
||||
(centerbox
|
||||
:orientation "v"
|
||||
:class "bar-${compact ? 'compact' : 'normal'}"
|
||||
:height {RES_HEIGHT}
|
||||
(left)
|
||||
(center)
|
||||
(right)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
(defwidget winbar []
|
||||
(centerbox
|
||||
:class "winbar-bg"
|
||||
(box
|
||||
:space-evenly false
|
||||
(winnews-button)
|
||||
(eventbox
|
||||
:onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
|
||||
(box
|
||||
:space-evenly false
|
||||
:style "margin-left: ${RES_WIDTH / 2 - 75 - (25 * arraylength(tasks))}px;"
|
||||
(winstarticon)
|
||||
(wintaskbar)
|
||||
(revealer
|
||||
:reveal false
|
||||
:transition "slideright"
|
||||
(label
|
||||
:text "${net.level} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
(box)
|
||||
(box
|
||||
:halign "end"
|
||||
:space-evenly false
|
||||
(winactions)
|
||||
(windate)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
(defwindow bar
|
||||
:stacking "fg"
|
||||
:wm-ignore true
|
||||
:monitor 0
|
||||
:geometry (geometry
|
||||
:x "0%"
|
||||
:y "0%"
|
||||
:width "69px"
|
||||
:height "100%"
|
||||
:anchor "center left"
|
||||
)
|
||||
:exclusive false
|
||||
(bar)
|
||||
)
|
||||
|
||||
(defwindow winbar
|
||||
:stacking "fg"
|
||||
:monitor 0
|
||||
:exclusive true
|
||||
:geometry (geometry
|
||||
:x "0%"
|
||||
:y "0%"
|
||||
:width "100%"
|
||||
; :height "53px"
|
||||
; :width "53px"
|
||||
; :height "100%"
|
||||
:anchor "bottom center"
|
||||
)
|
||||
; :stacking "fg"
|
||||
:exclusive false
|
||||
(winbar)
|
||||
)
|
||||
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 639 B |
|
After Width: | Height: | Size: 772 B |
|
After Width: | Height: | Size: 833 B |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 55 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 529 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 784 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="#d7e2ff"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 398 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 541 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 517 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 541 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 534 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 515 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 515 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 515 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 515 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 515 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 515 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 850 B |
@@ -0,0 +1,16 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#C3C3EB"/>
|
||||
<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#C3C3EB"/>
|
||||
<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#C3C3EB"/>
|
||||
<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#C3C3EB"/>
|
||||
<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#C3C3EB"/>
|
||||
<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#C3C3EB"/>
|
||||
<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#C3C3EB"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="91.9321" fill="#C3C3EB" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,16 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#92CBF6"/>
|
||||
<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#92CBF6"/>
|
||||
<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#92CBF6"/>
|
||||
<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#92CBF6"/>
|
||||
<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#92CBF6"/>
|
||||
<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#92CBF6"/>
|
||||
<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#92CBF6"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="91.5966" fill="#92CBF6" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,12 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#B0E2F7"/>
|
||||
<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#B0E2F7"/>
|
||||
<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#B0E2F7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="92" fill="#B0E2F7" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,23 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#E7D2D7"/>
|
||||
<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#E7D2D7"/>
|
||||
<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#E7D2D7"/>
|
||||
<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#E7D2D7"/>
|
||||
<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#E7D2D7"/>
|
||||
<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#E7D2D7"/>
|
||||
<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#E7D2D7"/>
|
||||
<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#E7D2D7"/>
|
||||
<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#E7D2D7"/>
|
||||
<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#E7D2D7"/>
|
||||
<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#E7D2D7"/>
|
||||
<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#E7D2D7"/>
|
||||
<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#E7D2D7"/>
|
||||
<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#E7D2D7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="92" fill="#E7D2D7" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
@@ -0,0 +1,13 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#E7D2D7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#E7D2D7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#E7D2D7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#E7D2D7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="92" fill="#E7D2D7" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,16 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#dfbbde"/>
|
||||
<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#dfbbde"/>
|
||||
<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#dfbbde"/>
|
||||
<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#dfbbde"/>
|
||||
<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#dfbbde"/>
|
||||
<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#dfbbde"/>
|
||||
<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#dfbbde"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="91.9321" fill="#dfbbde" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,13 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#d7e2ff"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#d7e2ff"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#d7e2ff"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#d7e2ff"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 498 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 521 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 642 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 398 B |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="#d7e2ff"/></svg>
|
||||
|
After Width: | Height: | Size: 857 B |