forked from Shinonome/dots-hyprland
stuff
This commit is contained in:
end-4
@@ -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"
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"manifest_version": 3,
|
||||
"name": "Catppuccin Chrome Theme - Mocha - Colorful",
|
||||
"description": "Soothing pastel theme for Google Chrome - Catppuccin Mocha",
|
||||
"version": "3.0",
|
||||
"icons": {
|
||||
"16": "images/icon16.png",
|
||||
"48": "images/icon48.png",
|
||||
"128": "images/icon128.png"
|
||||
},
|
||||
"theme": {
|
||||
"colors": {
|
||||
"frame": [30, 30, 46],
|
||||
"frame_inactive": [30, 30, 46],
|
||||
"frame_incognito": [30, 30, 46],
|
||||
"frame_incognito_inactive": [30, 30, 46],
|
||||
"bookmark_text": [137, 180, 250],
|
||||
"tab_background_text": [186, 194, 222],
|
||||
"tab_background_text_inactive": [186, 194, 222],
|
||||
"tab_background_text_incognito": [203, 166, 247],
|
||||
"tab_background_text_incognito_inactive": [137, 180, 250],
|
||||
"tab_text": [203, 166, 247],
|
||||
"toolbar": [65, 72, 104],
|
||||
"toolbar_button_icon": [203, 166, 247],
|
||||
"omnibox_text": [203, 166, 247],
|
||||
"omnibox_background": [49, 50, 68],
|
||||
"ntp_background": [30, 30, 46],
|
||||
"ntp_link": [203, 166, 247],
|
||||
"ntp_text": [203, 166, 247],
|
||||
"ntp_link_underline": [30, 30, 46],
|
||||
"ntp_section_link_underline": [30, 30, 46],
|
||||
"button_background": [65, 72, 104]
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"manifest_version": 3,
|
||||
"name": "Everforest Dark B",
|
||||
"description": "Forest.",
|
||||
"version": "3.0",
|
||||
"icons": {
|
||||
"16": "images/icon16.png",
|
||||
"48": "images/icon48.png",
|
||||
"128": "images/icon128.png"
|
||||
},
|
||||
"theme": {
|
||||
"colors": {
|
||||
"frame": [28, 32, 33],
|
||||
"frame_inactive": [30, 32, 31],
|
||||
"frame_incognito": [28, 32, 33],
|
||||
"frame_incognito_inactive": [30, 32, 31],
|
||||
"bookmark_text": [211, 198, 170],
|
||||
"tab_background_text": [161, 152, 131],
|
||||
"tab_background_text_inactive": [211, 198, 170],
|
||||
"tab_background_text_incognito": [161, 152, 131],
|
||||
"tab_background_text_incognito_inactive": [211, 198, 170],
|
||||
"tab_text": [168, 179, 112],
|
||||
"toolbar": [48, 49, 52],
|
||||
"toolbar_button_icon": [168, 179, 112],
|
||||
"omnibox_text": [168, 179, 112],
|
||||
"omnibox_background": [28, 32, 33],
|
||||
"ntp_background": [28, 32, 33],
|
||||
"ntp_link": [168, 179, 112],
|
||||
"ntp_text": [168, 179, 112],
|
||||
"ntp_link_underline": [28, 32, 33],
|
||||
"ntp_section_link_underline": [28, 32, 33],
|
||||
"button_background": [48, 49, 52]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
## Chrome themes
|
||||
- Go to chrome:extensions (might be different depending on your chromium browser)
|
||||
- Click "Load Unpacked"
|
||||
- Go to one of the folders in this directory and choose it
|
||||
BIN
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
+35
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"manifest_version": 3,
|
||||
"name": "TokyoNight-Dark",
|
||||
"description": "Dark",
|
||||
"version": "3.0",
|
||||
"icons": {
|
||||
"16": "images/icon16.png",
|
||||
"48": "images/icon48.png",
|
||||
"128": "images/icon128.png"
|
||||
},
|
||||
"theme": {
|
||||
"colors": {
|
||||
"frame": [26, 27, 38],
|
||||
"frame_inactive": [26, 27, 38],
|
||||
"frame_incognito": [26, 27, 38],
|
||||
"frame_incognito_inactive": [26, 27, 38],
|
||||
"bookmark_text": [192, 202, 245],
|
||||
"tab_background_text": [192, 202, 245],
|
||||
"tab_background_text_inactive": [192, 202, 245],
|
||||
"tab_background_text_incognito": [192, 202, 245],
|
||||
"tab_background_text_incognito_inactive": [192, 202, 245],
|
||||
"tab_text": [13, 183, 212],
|
||||
"toolbar": [46, 47, 66],
|
||||
"toolbar_button_icon": [192, 202, 245],
|
||||
"omnibox_text": [13, 183, 212],
|
||||
"omnibox_background": [26, 27, 38],
|
||||
"ntp_background": [46, 47, 66],
|
||||
"ntp_link": [13, 183, 212],
|
||||
"ntp_text": [13, 183, 212],
|
||||
"ntp_link_underline": [13, 183, 212],
|
||||
"ntp_section_link_underline": [13, 183, 212],
|
||||
"button_background": [30, 30, 46]
|
||||
}
|
||||
}
|
||||
}
|
||||
Executable
+60
@@ -0,0 +1,60 @@
|
||||
[global]
|
||||
monitor = 0
|
||||
follow = mouse
|
||||
origin = top-right offset = 20x73
|
||||
offset = 20x73
|
||||
geometry = "280x50-20+200"
|
||||
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 = no
|
||||
history_length = 20
|
||||
browser = firefox
|
||||
always_run_script = true
|
||||
title = Dunst
|
||||
class = Dunst
|
||||
corner_radius = 15
|
||||
|
||||
[shortcuts]
|
||||
close = ctrl+shift+space
|
||||
close_all = ctrl+shift+space
|
||||
history = ctrl+grave
|
||||
context = ctrl+shift+period
|
||||
|
||||
[urgency_low]
|
||||
timeout = 4
|
||||
background = "#1A1B26"
|
||||
foreground = "#90D1F6"
|
||||
frame_color = "#AEE5FA"
|
||||
|
||||
[urgency_normal]
|
||||
timeout = 8
|
||||
background = "#1A1B26"
|
||||
foreground = "#90D1F6"
|
||||
frame_color = "#AEE5FA"
|
||||
|
||||
[urgency_critical]
|
||||
timeout = 0
|
||||
background = "#EEAA00"
|
||||
foreground = "#1A1B26"
|
||||
frame_color = "#191919"
|
||||
Executable
+17
@@ -0,0 +1,17 @@
|
||||
# Eww configuration
|
||||
|
||||
This configuration aims to provide a fully working shell replacement for
|
||||
compositors/window managers. Features constantly get added and existing ones
|
||||
get improved.
|
||||
|
||||
## ❔ Usage
|
||||
|
||||
To quickly install this config, grab all the files in this directory and put
|
||||
them in `~/.config/eww`. Then run `eww daemon` and `eww open bar`. Enjoy!
|
||||
|
||||
Dependencies:
|
||||
- Icon fonts: `material-design-icons`, `material-icons`
|
||||
- Text font: Rubik (get it from the osu! website with DevTools)
|
||||
|
||||
## 🎨 Theme
|
||||
- tokyonight
|
||||
Executable
+37
@@ -0,0 +1,37 @@
|
||||
.bg-decor-dow {
|
||||
margin-top: 450px;
|
||||
font-family: 'Rubik';
|
||||
font-size: 64pt;
|
||||
color : rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.bg-decor-date {
|
||||
font-family: 'Rubik';
|
||||
font-size: 26pt;
|
||||
color : rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
Executable
+45
@@ -0,0 +1,45 @@
|
||||
.calendar-win {
|
||||
@include window;
|
||||
background-color: $colorbg;
|
||||
border: 3px solid $colortext;
|
||||
color: $colortext;
|
||||
padding: .2em;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
calendar {
|
||||
|
||||
:selected {
|
||||
color: $colortext;
|
||||
font-weight: bolder;
|
||||
background-color: $overlay0;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.header {
|
||||
color: $colortext;
|
||||
margin: 15px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: $color0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.button {
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
:indeterminate {
|
||||
color: $overlay0;
|
||||
}
|
||||
}
|
||||
|
||||
.date-clock{
|
||||
font-family: 'Rubik';
|
||||
background: transparent;
|
||||
color: $colorbar;
|
||||
padding-left: 13px;
|
||||
padding-right: 13px;
|
||||
}
|
||||
Executable
+74
@@ -0,0 +1,74 @@
|
||||
|
||||
|
||||
$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(87, 91, 110, 0.5);
|
||||
|
||||
$surface2: rgba(88, 91, 112, 0.7);
|
||||
$surface1: rgba(69, 71, 90, 0.7);
|
||||
|
||||
$light0: rgba(255, 255, 255, 0.3);
|
||||
|
||||
|
||||
$base: #1E201F;
|
||||
$mantle: #181825;
|
||||
$crust: #121415;
|
||||
|
||||
$fg: $tokyotext;
|
||||
$bg: #171726;
|
||||
$barbg: #131426;
|
||||
$shadow: $crust;
|
||||
|
||||
// $battcolor: $tokyogreen;
|
||||
// $memcolor: $tokyoorange;
|
||||
// $cpucolor: $tokyoblue;
|
||||
Executable
+14
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #000000;
|
||||
$colorbg: rgba(0,0,0,0.7);
|
||||
$colortext: #ebe9e4;
|
||||
$color0: #727085;
|
||||
$color1: #019DB5;
|
||||
$color2: #0CA6B6;
|
||||
$color3: #5BB8B8;
|
||||
$color4: #04A2C9;
|
||||
$color5: #BAC5AC;
|
||||
$color6: #ebe9e4;
|
||||
$color7: #5BB8B8;
|
||||
+14
@@ -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;
|
||||
Executable
+11
@@ -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;
|
||||
Executable
+234
@@ -0,0 +1,234 @@
|
||||
.dash-window {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.dash-title {
|
||||
color: $color0;
|
||||
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 Outlined;
|
||||
}
|
||||
|
||||
.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 Outlined;
|
||||
}
|
||||
|
||||
.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: $color0;
|
||||
font-size: 35pt;
|
||||
}
|
||||
|
||||
.dash-date {
|
||||
color: $color0;
|
||||
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: $color0;
|
||||
}
|
||||
|
||||
.clr1 {
|
||||
color: $color1;
|
||||
}
|
||||
|
||||
.clr2 {
|
||||
color: $color2;
|
||||
}
|
||||
|
||||
.clr3 {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.clr4 {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.clr5 {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.clr6 {
|
||||
color: $color6;
|
||||
}
|
||||
|
||||
.clr7 {
|
||||
color: $color7;
|
||||
}
|
||||
Executable
Executable
+1
@@ -0,0 +1 @@
|
||||
#ebe9e4
|
||||
+1
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
Executable
+226
@@ -0,0 +1,226 @@
|
||||
.music-area {
|
||||
}
|
||||
|
||||
.song-cover-art {
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
margin: 4px 5px 4px 0;
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
}
|
||||
|
||||
.music-window {
|
||||
background-color: $colorbarbg;
|
||||
border: 3px solid;
|
||||
color: $colortext;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.music-cover-art {
|
||||
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 {
|
||||
padding-top: 24px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
.music-title-bar {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik';
|
||||
min-height: 30px;
|
||||
font-size: 19pt;
|
||||
color: $colormusic;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.music-title {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik';
|
||||
min-height: 38px;
|
||||
font-size: 19pt;
|
||||
color: $colormusic;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.music-title-hover {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik';
|
||||
font-size: 19pt;
|
||||
color: $colortext;
|
||||
background-color: $overlay0;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.music-artist {
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
min-height: 25px;
|
||||
}
|
||||
|
||||
.music-button label {
|
||||
font-family: 'Material Symbols Outlined';
|
||||
// color: $text;
|
||||
font-size: 2rem;
|
||||
font-family: SF Mono Nerd Font;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.music-time {
|
||||
font-family: 'Rubik';
|
||||
color: $color1;
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
.music-bar scale {
|
||||
font-family: 'Material Symbols Outlined';
|
||||
font-family: SF Mono Nerd Font;
|
||||
|
||||
highlight {
|
||||
background-color: $color1;
|
||||
}
|
||||
|
||||
trough {
|
||||
background-color: $surface0;
|
||||
min-height: 10px;
|
||||
min-width: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.music-ctl {
|
||||
// border-radius: 0px;
|
||||
color: $color1;
|
||||
// padding-right: 10px;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.music-ctl-revealer {
|
||||
// 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 {
|
||||
min-width: 40px;
|
||||
min-height: 20px;
|
||||
padding-left: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.music-media-source-wedge {
|
||||
border-left: 29px solid rgba(0, 0, 0, 0.6);
|
||||
border-bottom: 29px solid transparent;
|
||||
}
|
||||
|
||||
.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: 58px;
|
||||
font-size: 36pt;
|
||||
}
|
||||
.song-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.music-button-box {
|
||||
font-family: 'Material Symbols Outlined';
|
||||
color: $colortext;
|
||||
min-width: 160px;
|
||||
margin-top: 2px;
|
||||
padding-bottom: 0px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.osu-music-box-false {
|
||||
min-width: 75px;
|
||||
min-height: 32px;
|
||||
background-size: auto 65%;
|
||||
background-position: 35% 50%;
|
||||
// background-color: $colorbarbg;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.osu-music-box-true {
|
||||
min-width: 75px;
|
||||
min-height: 32px;
|
||||
background-size: auto 65%;
|
||||
background-position: 35% 50%;
|
||||
background-color: $overlay0;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.osu-music-box-dummy {
|
||||
min-width: 50px;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.osu-music-slider {
|
||||
margin-top: 9px;
|
||||
margin-bottom: 9px;
|
||||
min-height: 6px;
|
||||
padding-left: 13px;
|
||||
|
||||
trough {
|
||||
// border-radius: 9999px;
|
||||
background-color: #24222A;
|
||||
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: $overlay0;
|
||||
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;
|
||||
}
|
||||
}
|
||||
Executable
+87
@@ -0,0 +1,87 @@
|
||||
.notifications-box {
|
||||
// @include window;
|
||||
// padding: 1rem;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.notification {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-bottomleft {
|
||||
border-top: 20px solid transparent;
|
||||
border-left: 20px solid tint($colorbarbg, 10%);
|
||||
}
|
||||
|
||||
// .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;
|
||||
}
|
||||
}
|
||||
Executable
+43
@@ -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: $colorbarbg;
|
||||
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 Outlined"; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-incircle-bright {
|
||||
font-size: 19pt;
|
||||
padding: 6px;
|
||||
font-family: "Material Symbols Outlined"; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-text {
|
||||
font-size: 15pt;
|
||||
font-family: 'Rubik'; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
padding-right: 5px;
|
||||
}
|
||||
Executable
+468
@@ -0,0 +1,468 @@
|
||||
$colorpanel: tint($colorbarbg, 10%);
|
||||
|
||||
.osettings-window {
|
||||
min-width: 529px;
|
||||
padding-top: 20px;
|
||||
background-color: $colorpanel;
|
||||
color: $colortext;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
}
|
||||
|
||||
.onotify-window {
|
||||
min-width: 529px;
|
||||
background-color: $colorpanel;
|
||||
color: $colortext;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
}
|
||||
|
||||
.osettings-separator {
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
min-height: 6px;
|
||||
margin-top: 27px;
|
||||
}
|
||||
|
||||
.osettings-content {
|
||||
// padding-top: 13px;
|
||||
padding-bottom: 10px;
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.osettings-heading {
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.osettings-title {
|
||||
padding-top: 28px;
|
||||
color: $colortext;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 30pt;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.osettings-subtitle {
|
||||
color: $color5;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 14pt;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.osettings-window-section {
|
||||
margin-top: 33px;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
.osettings-window-quick {
|
||||
border-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-session {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.osettings-window-mouse {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-appearance {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-gaps {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.osettings-window-hyperland {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-hyprland {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-calendar {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-secret {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-quick-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-session-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color4;
|
||||
}
|
||||
|
||||
.osettings-window-mouse-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-appearance-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-gaps-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color4;
|
||||
}
|
||||
|
||||
.osettings-window-hyperland-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-hyprland-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-calendar-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-secret-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-bottomright-cut {
|
||||
border-top: 27px solid transparent;
|
||||
border-right: 27px solid $colorpanel;
|
||||
}
|
||||
|
||||
.osettings-window-contents {
|
||||
margin: 5px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.osettings-section {
|
||||
color: $colorbarbg;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 20pt;
|
||||
padding-left: 10px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.osettings-section-baronly {
|
||||
color: $colorbarbg;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.osettings-section-textonly {
|
||||
color: $colorbarbg;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 20pt;
|
||||
padding-left: 10px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.osettings-section-quick {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-section-session {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.osettings-section-mouse {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-section-appearance {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-section-gaps {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.osettings-section-hyperland {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-section-hyprland {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-section-calendar {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-section-secret {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.onotify-window-volume {
|
||||
border-color: $color5;
|
||||
}
|
||||
|
||||
.onotify-window-resources {
|
||||
border-color: $color4;
|
||||
}
|
||||
|
||||
.onotify-window-notif {
|
||||
border-color: $color3;
|
||||
}
|
||||
|
||||
.onotify-section-volume {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.onotify-section-resources {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.onotify-section-notif {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-volume-bottomleft {
|
||||
border-top: 30px solid transparent;
|
||||
border-left: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-resources-bottomleft {
|
||||
border-top: 30px solid transparent;
|
||||
border-left: 30px solid $color4;
|
||||
}
|
||||
|
||||
.osettings-window-notif-bottomleft {
|
||||
border-top: 30px solid transparent;
|
||||
border-left: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-bottomleft-cut {
|
||||
border-top: 27px solid transparent;
|
||||
border-left: 27px solid $colorpanel;
|
||||
}
|
||||
|
||||
.osettings-text {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
// color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.osettings-btn-section {
|
||||
color: $colorpanel;
|
||||
font-size: 14pt;
|
||||
min-width: 31px;
|
||||
}
|
||||
|
||||
.osettings-btn-section:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.osettings-search {
|
||||
margin-left: 28px;
|
||||
margin-right: 28px;
|
||||
margin-top: 35px;
|
||||
background-color: $colorpanel;
|
||||
border: 2px solid $colortext;
|
||||
color: $colortext;
|
||||
// border-radius: 10px;
|
||||
font-size: 11pt;
|
||||
min-height: 45px;
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-search-text {
|
||||
color: $colortext;
|
||||
padding: 10px;
|
||||
font-size: 13pt;
|
||||
min-width: 420px;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.osettings-search-icon {
|
||||
background-color: $colortext;
|
||||
color: $colorpanel;
|
||||
padding: 6px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.osettings-scroll-bg {
|
||||
padding: 28px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.osettings-btn {
|
||||
// border-radius: 9999px;
|
||||
min-height: 50px;
|
||||
font-weight: normal;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.osettings-btn {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.osettings-btn-destructive {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.osettings-btn-neutral {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.osettings-btn-informative {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.osettings-btn-neutral:hover,
|
||||
.osettings-btn-neutral:focus {
|
||||
background-image: linear-gradient(to right, $color2 0%, $color4 50%);
|
||||
}
|
||||
|
||||
.osettings-btn-destructive:hover,
|
||||
.osettings-btn-destructive:focus {
|
||||
background-image: linear-gradient(to right, $color1 0%, $color3 50%);
|
||||
}
|
||||
|
||||
.osettings-btn-informative:hover,
|
||||
.osettings-btn-informative:focus {
|
||||
background-image: linear-gradient(to right, $color2 0%, $color4 50%);
|
||||
}
|
||||
|
||||
.rounder {
|
||||
// border-radius: 9999px;
|
||||
}
|
||||
|
||||
.osettings-slider {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
min-height: 6px;
|
||||
|
||||
trough {
|
||||
min-height: 6px;
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
slider {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
margin: -8px;
|
||||
}
|
||||
|
||||
slider:hover {
|
||||
background-color: $color6;
|
||||
}
|
||||
|
||||
// slider:focus {
|
||||
// background-color: $color4;
|
||||
// }
|
||||
}
|
||||
|
||||
.osettings-slider-3 {
|
||||
background-image: linear-gradient(to right, $color3 8px, $surface0 8px);
|
||||
highlight {
|
||||
background-color: $color3;
|
||||
}
|
||||
slider {
|
||||
background-color: $color3;
|
||||
}
|
||||
}
|
||||
.osettings-slider-4 {
|
||||
background-image: linear-gradient(to right, $color4 8px, $surface0 8px);
|
||||
highlight {
|
||||
background-color: $color4;
|
||||
}
|
||||
slider {
|
||||
background-color: $color4;
|
||||
}
|
||||
}
|
||||
.osettings-slider-5 {
|
||||
background-image: linear-gradient(to right, $color5 8px, $surface0 8px);
|
||||
highlight {
|
||||
background-color: $color5;
|
||||
}
|
||||
slider {
|
||||
background-color: $color5;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-slider-quick {
|
||||
highlight {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
slider {
|
||||
background-color: $color5;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-slider-mouse {
|
||||
highlight {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
slider {
|
||||
background-color: $color3;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-checkbox {
|
||||
// border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
border: 3px solid $color0;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox-1 {
|
||||
// border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: $color0;
|
||||
color: transparent;
|
||||
border: 3px solid;
|
||||
|
||||
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 $color0;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox:checked {
|
||||
// border-radius: 9999px;
|
||||
background-color: $color0;
|
||||
color: $color0;
|
||||
}
|
||||
Executable
+167
@@ -0,0 +1,167 @@
|
||||
.overview-window {
|
||||
@include window
|
||||
font-family: 'Rubik';
|
||||
border-radius: 22px;
|
||||
background-color: $colorbarbg;
|
||||
// background-color: transparent;
|
||||
// border: 3px solid $color0;
|
||||
//padding: 5px;
|
||||
}
|
||||
|
||||
.overview-window-title {
|
||||
font-size: 15pt;
|
||||
color: $colortext;
|
||||
border-radius: 15px;
|
||||
background-color: $surface0;
|
||||
margin: 4px;
|
||||
padding: 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.overview-window-top {
|
||||
@include rounding;
|
||||
background-color: transparent;
|
||||
border: 3px solid transparent;
|
||||
//padding: 5px;
|
||||
}
|
||||
|
||||
.overview-ws {
|
||||
border: 2px solid;
|
||||
border-radius: 15px;
|
||||
background-color: $surface0;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.overview-ws-true {
|
||||
color: $color3;
|
||||
}
|
||||
.overview-ws-false {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.overview-ws-window {
|
||||
border: 2px solid $color0;
|
||||
border-radius: 15px;
|
||||
background-color: $overlay0;
|
||||
// //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: $colortext;
|
||||
//margin: 10px;
|
||||
min-height: 40px;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.overview-title {
|
||||
font-weight: bold;
|
||||
font-size: 15pt;
|
||||
//padding-top: .6rem;
|
||||
//padding-bottom: .6rem;
|
||||
}
|
||||
|
||||
.overview-search-area {
|
||||
|
||||
}
|
||||
|
||||
.overview-search-box {
|
||||
border-radius: 20px;
|
||||
border: 2px solid $colortext;
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
min-height: 45px;
|
||||
min-width: 400px;
|
||||
|
||||
margin: 20px 20px;
|
||||
padding: 2px 12px;
|
||||
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-box:focus {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.overview-results {
|
||||
// :first-child {
|
||||
// color: white;
|
||||
// background-image: linear-gradient(to right, $color0 0%, $color4 100%);
|
||||
// }
|
||||
}
|
||||
|
||||
.overview-search-result {
|
||||
border-radius: 20px;
|
||||
border: 2px solid;
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
min-height: 45px;
|
||||
min-width: 400px;
|
||||
padding: 2px 12px;
|
||||
margin: 0 5px;
|
||||
|
||||
caret-color: transparent;
|
||||
|
||||
selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-result:focus{
|
||||
color: white;
|
||||
background-image: linear-gradient(to right, $color0 0%, $color4 100%);
|
||||
}
|
||||
Executable
+174
@@ -0,0 +1,174 @@
|
||||
.system-menu-box {
|
||||
@include window;
|
||||
background-color: $colorbg;
|
||||
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: 20px;
|
||||
|
||||
.airplane-box button {
|
||||
padding: 1rem 3rem;
|
||||
}
|
||||
|
||||
.power-box button {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.element {
|
||||
font-family: 'Rubik';
|
||||
border: 2px solid $color5;
|
||||
background: $surface0;
|
||||
// margin: .3rem;
|
||||
margin: 5px;
|
||||
|
||||
button {
|
||||
@include rounding;
|
||||
padding: 1rem;
|
||||
|
||||
label {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $overlay0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.element-bottomleft {
|
||||
border-top: 23px solid transparent;
|
||||
border-left: 23px solid $color5;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.element-bottomleft-cut {
|
||||
border-top: 20px solid transparent;
|
||||
border-left: 20px solid $colorpanel;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.sliders {
|
||||
@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;
|
||||
}
|
||||
Executable
+184
@@ -0,0 +1,184 @@
|
||||
.membar {
|
||||
color: $colorbar;
|
||||
}
|
||||
|
||||
.cpubar {
|
||||
color: $cpucolor;
|
||||
}
|
||||
|
||||
.batbar {
|
||||
color: $battcolor;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.cpubar-circle {
|
||||
color: $cpucolor;
|
||||
background-color: $surface1;
|
||||
}
|
||||
.membar-circle {
|
||||
color: $memcolor;
|
||||
background-color: $surface1;
|
||||
}
|
||||
.batbar-circle {
|
||||
color: $battcolor;
|
||||
background-color: $surface1;
|
||||
}
|
||||
|
||||
// .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: $battcolor;
|
||||
padding-right: 5px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.sys-menu-charge {
|
||||
padding-left: 2px;
|
||||
color: $colorbar;
|
||||
}
|
||||
|
||||
.iconmem {
|
||||
color: $memcolor;
|
||||
}
|
||||
|
||||
.iconcpu {
|
||||
color: $cpucolor;
|
||||
}
|
||||
|
||||
.icon-text {
|
||||
font-size: 3rem;
|
||||
padding: .7rem;
|
||||
}
|
||||
|
||||
.sys-text-sub {
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
box {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cpu-menu {
|
||||
font-family: 'Rubik';
|
||||
color: $cpucolor;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.mem-menu {
|
||||
font-family: 'Rubik';
|
||||
color: $memcolor;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.mem-menu-left {
|
||||
color: $memcolor;
|
||||
padding-left: 5px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.mem-menu-mid {
|
||||
color: $memcolor;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.mem-menu-right {
|
||||
color: $memcolor;
|
||||
padding-left: 0px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.sys-menu {
|
||||
font-family: 'Rubik';
|
||||
color: $battcolor;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.sys-menu-button {
|
||||
color: $colorbar;
|
||||
margin: 0px;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
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;
|
||||
}
|
||||
Executable
+138
@@ -0,0 +1,138 @@
|
||||
.themer-button {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
background-image: url('images/svg/beatmappacks.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.themer-button-true {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
background-color: $overlay0;
|
||||
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 Outlined;
|
||||
background-image: url('images/svg/beatmappacks.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.themer-action-button {
|
||||
// @include rounding;
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
}
|
||||
|
||||
.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: tint($colorbarbg, 12.5%);
|
||||
margin: 14px;
|
||||
transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
.themer-title {
|
||||
font-family: 'Rubik';
|
||||
font-size: 15pt;
|
||||
padding: .6rem;
|
||||
color: $colortext;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.themer-prompt {
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
font-size: 12pt;
|
||||
padding: .6rem;
|
||||
}
|
||||
|
||||
.themer-input {
|
||||
font-family: 'Rubik';
|
||||
// background-color: $surface0;
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
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;
|
||||
}
|
||||
Executable
+29
@@ -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;
|
||||
}
|
||||
Executable
+55
@@ -0,0 +1,55 @@
|
||||
.winctl {
|
||||
font-family: 'Rubik';
|
||||
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';
|
||||
font-weight: bold;
|
||||
font-size: 15pt;
|
||||
padding-top: .6rem;
|
||||
padding-bottom: .6rem;
|
||||
}
|
||||
|
||||
.wintext {
|
||||
font-family: 'Rubik';
|
||||
font-size: 13pt;
|
||||
}
|
||||
.winsubtext {
|
||||
font-family: 'Rubik';
|
||||
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';
|
||||
font-size: 14pt;
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #041031;
|
||||
$colorbg: rgba(4,16,49,0.7);
|
||||
$colortext: #a7e2ee;
|
||||
$color0: #043094;
|
||||
$color1: #3E5EA0;
|
||||
$color2: #0D60A0;
|
||||
$color3: #0A69CD;
|
||||
$color4: #1E9CD7;
|
||||
$color5: #44A3C2;
|
||||
$color6: #a7e2ee;
|
||||
$color7: #0A69CD;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #041031;
|
||||
$colorbg: rgba(4,16,49,0.7);
|
||||
$colortext: #a7e2ee;
|
||||
$color0: #043094;
|
||||
$color1: #3E5EA0;
|
||||
$color2: #0D60A0;
|
||||
$color3: #0A69CD;
|
||||
$color4: #1E9CD7;
|
||||
$color5: #44A3C2;
|
||||
$color6: #a7e2ee;
|
||||
$color7: #0A69CD;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-GyznjTaHokY0j6g8-hJaHcw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #24222a;
|
||||
$colorbg: rgba(36,34,42,0.7);
|
||||
$colortext: #e8cfdf;
|
||||
$color0: #A0708F;
|
||||
$color1: #E2758E;
|
||||
$color2: #997FC3;
|
||||
$color3: #699BBE;
|
||||
$color4: #B1AABF;
|
||||
$color5: #EF9DA1;
|
||||
$color6: #e8cfdf;
|
||||
$color7: #699BBE;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #494194;
|
||||
$colorbg: rgba(73,65,148,0.7);
|
||||
$colortext: #e0eaf5;
|
||||
$color0: #C9B0FD;
|
||||
$color1: #E3BCFE;
|
||||
$color2: #ABD4FD;
|
||||
$color3: #B1D2FD;
|
||||
$color4: #CDD2FD;
|
||||
$color5: #E5D6FC;
|
||||
$color6: #e0eaf5;
|
||||
$color7: #B1D2FD;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000464639244-hzoi9t-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #060514;
|
||||
$colorbg: rgba(6,5,20,0.7);
|
||||
$colortext: #96cfeb;
|
||||
$color0: #0C30A0;
|
||||
$color1: #1A50A5;
|
||||
$color2: #1463D3;
|
||||
$color3: #5443D2;
|
||||
$color4: #AF5CDC;
|
||||
$color5: #A259EE;
|
||||
$color6: #96cfeb;
|
||||
$color7: #5443D2;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/gmSGmgffLXI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDoJVlARTVsqnvWgL506qzeguKpdw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #120a0b;
|
||||
$colorbg: rgba(18,10,11,0.7);
|
||||
$colortext: #ddcdc3;
|
||||
$color0: #A56E56;
|
||||
$color1: #E37748;
|
||||
$color2: #FD843B;
|
||||
$color3: #AB8873;
|
||||
$color4: #FB8C4C;
|
||||
$color5: #F0A068;
|
||||
$color6: #ddcdc3;
|
||||
$color7: #AB8873;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000277772429-kb8c52-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0a1318;
|
||||
$colorbg: rgba(10,19,24,0.7);
|
||||
$colortext: #c5eff0;
|
||||
$color0: #4C7192;
|
||||
$color1: #A575A5;
|
||||
$color2: #318CB3;
|
||||
$color3: #39A6CE;
|
||||
$color4: #4AB2D2;
|
||||
$color5: #4EDEF1;
|
||||
$color6: #c5eff0;
|
||||
$color7: #39A6CE;
|
||||
@@ -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,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: #060305;
|
||||
$colorbg: rgba(6,3,5,0.7);
|
||||
$colortext: #e1ccd3;
|
||||
$color0: #F85B13;
|
||||
$color1: #A05862;
|
||||
$color2: #F2B61A;
|
||||
$color3: #7B6985;
|
||||
$color4: #9B6F8D;
|
||||
$color5: #AA99A2;
|
||||
$color6: #e1ccd3;
|
||||
$color7: #7B6985;
|
||||
@@ -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: #0A0518;
|
||||
$colorbg: rgba(10,5,24,0.7);
|
||||
$colortext: #dec8d0;
|
||||
$color0: #905772;
|
||||
$color1: #A35161;
|
||||
$color2: #7B5C87;
|
||||
$color3: #A36D8F;
|
||||
$color4: #CA799B;
|
||||
$color5: #D79EAB;
|
||||
$color6: #dec8d0;
|
||||
$color7: #A36D8F;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/7Pyt_xftxM8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARh_ID0oJDAP&rs=AOn4CLCqLpcalabHrrGdKHYreXbaxo3BMw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #1b0d07;
|
||||
$colorbg: rgba(27,13,7,0.7);
|
||||
$colortext: #e9dfab;
|
||||
$color0: #985F2B;
|
||||
$color1: #AA7133;
|
||||
$color2: #B16F45;
|
||||
$color3: #B78938;
|
||||
$color4: #BD9343;
|
||||
$color5: #D1A450;
|
||||
$color6: #e9dfab;
|
||||
$color7: #B78938;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0B0702;
|
||||
$colorbg: rgba(11,7,2,0.7);
|
||||
$colortext: #ead69c;
|
||||
$color0: #696350;
|
||||
$color1: #92360F;
|
||||
$color2: #9C5823;
|
||||
$color3: #A7683C;
|
||||
$color4: #DA681D;
|
||||
$color5: #F09A2D;
|
||||
$color6: #ead69c;
|
||||
$color7: #A7683C;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/8abwtVLP18Y/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABvuWZHErcUxghiy_4ZuNZFFoXUA
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #06060F;
|
||||
$colorbg: rgba(6,6,15,0.7);
|
||||
$colortext: #a1c6e4;
|
||||
$color0: #5322A1;
|
||||
$color1: #433AA8;
|
||||
$color2: #62589F;
|
||||
$color3: #691FD5;
|
||||
$color4: #8F4FB7;
|
||||
$color5: #9262DB;
|
||||
$color6: #a1c6e4;
|
||||
$color7: #691FD5;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000194675612-qt4sr3-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0f0d1b;
|
||||
$colorbg: rgba(15,13,27,0.7);
|
||||
$colortext: #db99a1;
|
||||
$color0: #5D2648;
|
||||
$color1: #6E2A4C;
|
||||
$color2: #8C1438;
|
||||
$color3: #A91D3B;
|
||||
$color4: #90294B;
|
||||
$color5: #A42848;
|
||||
$color6: #db99a1;
|
||||
$color7: #A91D3B;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000141682356-dsvdol-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0c1d33;
|
||||
$colorbg: rgba(12,29,51,0.7);
|
||||
$colortext: #dee6ed;
|
||||
$color0: #4977AC;
|
||||
$color1: #5F8AB8;
|
||||
$color2: #739BC5;
|
||||
$color3: #849FBF;
|
||||
$color4: #92B1D2;
|
||||
$color5: #B1C9E2;
|
||||
$color6: #dee6ed;
|
||||
$color7: #849FBF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/pLQGfSQUuCM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxjZ9gSU45DvSy7J__T2odBUct4w
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #150f0f;
|
||||
$colorbg: rgba(21,15,15,0.7);
|
||||
$colortext: #f5eae1;
|
||||
$color0: #CF8A77;
|
||||
$color1: #B29890;
|
||||
$color2: #E5AB94;
|
||||
$color3: #DAC6AF;
|
||||
$color4: #F4D0B6;
|
||||
$color5: #F7DCC5;
|
||||
$color6: #f5eae1;
|
||||
$color7: #DAC6AF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-viSbRZk1zikdSKYq-C4WdAw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #171216;
|
||||
$colorbg: rgba(23,18,22,0.7);
|
||||
$colortext: #e8e1e3;
|
||||
$color0: #995A5D;
|
||||
$color1: #DF5A5D;
|
||||
$color2: #5F5C8F;
|
||||
$color3: #AC7492;
|
||||
$color4: #918C90;
|
||||
$color5: #C2A6AE;
|
||||
$color6: #e8e1e3;
|
||||
$color7: #AC7492;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-0lZmu7Wr0b5dVxyr-DFcntg-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #09283D;
|
||||
$colorbg: rgba(9,40,61,0.7);
|
||||
$colortext: #a0dfef;
|
||||
$color0: #136FAF;
|
||||
$color1: #1569BF;
|
||||
$color2: #268BB3;
|
||||
$color3: #32BADE;
|
||||
$color4: #239FE0;
|
||||
$color5: #48AFD7;
|
||||
$color6: #a0dfef;
|
||||
$color7: #32BADE;
|
||||
@@ -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,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #09020A;
|
||||
$colorbg: rgba(9,2,10,0.7);
|
||||
$colortext: #e5f0e2;
|
||||
$color0: #059687;
|
||||
$color1: #02B091;
|
||||
$color2: #01CB9A;
|
||||
$color3: #13F3A9;
|
||||
$color4: #5CD8A6;
|
||||
$color5: #A2E4BC;
|
||||
$color6: #e5f0e2;
|
||||
$color7: #13F3A9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #07172C;
|
||||
$colorbg: rgba(7,23,44,0.7);
|
||||
$colortext: #cbe3df;
|
||||
$color0: #AECD77;
|
||||
$color1: #3C6D8D;
|
||||
$color2: #5E9E96;
|
||||
$color3: #5EB2A8;
|
||||
$color4: #9ECEB0;
|
||||
$color5: #A2C3AD;
|
||||
$color6: #cbe3df;
|
||||
$color7: #5EB2A8;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-ztgvVI8fjqhzocM1-cFVrJw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #17303c;
|
||||
$colorbg: rgba(23,48,60,0.7);
|
||||
$colortext: #e3eaee;
|
||||
$color0: #6FAED0;
|
||||
$color1: #8DAAB7;
|
||||
$color2: #A8C1BE;
|
||||
$color3: #8FB3CB;
|
||||
$color4: #9CBCD2;
|
||||
$color5: #A4D1E3;
|
||||
$color6: #e3eaee;
|
||||
$color7: #8FB3CB;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000155627816-4qluzo-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0c0704;
|
||||
$colorbg: rgba(12,7,4,0.7);
|
||||
$colortext: #e6e5de;
|
||||
$color0: #6C8576;
|
||||
$color1: #A3936C;
|
||||
$color2: #297386;
|
||||
$color3: #598D89;
|
||||
$color4: #9AA591;
|
||||
$color5: #D0CAA3;
|
||||
$color6: #e6e5de;
|
||||
$color7: #598D89;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000145811820-tdcxea-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #020204;
|
||||
$colorbg: rgba(2,2,4,0.7);
|
||||
$colortext: #eeddf4;
|
||||
$color0: #6F6BCF;
|
||||
$color1: #857AD7;
|
||||
$color2: #7E81DD;
|
||||
$color3: #9B87BB;
|
||||
$color4: #A198F2;
|
||||
$color5: #CBB6FA;
|
||||
$color6: #eeddf4;
|
||||
$color7: #9B87BB;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vz229DA99tPFdm3E-eDLGdQ-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #330a09;
|
||||
$colorbg: rgba(51,10,9,0.7);
|
||||
$colortext: #ebc9c4;
|
||||
$color0: #E93B2F;
|
||||
$color1: #B74037;
|
||||
$color2: #DF4C37;
|
||||
$color3: #EA4737;
|
||||
$color4: #E86155;
|
||||
$color5: #E78A75;
|
||||
$color6: #ebc9c4;
|
||||
$color7: #EA4737;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000117563971-vx726i-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #110e0f;
|
||||
$colorbg: rgba(17,14,15,0.7);
|
||||
$colortext: #eee8e1;
|
||||
$color0: #A29EA5;
|
||||
$color1: #E499B3;
|
||||
$color2: #B1B8C5;
|
||||
$color3: #F79AC3;
|
||||
$color4: #93D0F2;
|
||||
$color5: #ECD8CF;
|
||||
$color6: #eee8e1;
|
||||
$color7: #F79AC3;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000189983181-azrg5q-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #121e2a;
|
||||
$colorbg: rgba(18,30,42,0.7);
|
||||
$colortext: #eeeac9;
|
||||
$color0: #ABB472;
|
||||
$color1: #5FAD9E;
|
||||
$color2: #2FECAD;
|
||||
$color3: #5DE9B0;
|
||||
$color4: #61FACD;
|
||||
$color5: #A3CAAA;
|
||||
$color6: #eeeac9;
|
||||
$color7: #5DE9B0;
|
||||
@@ -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: #0D0F2B;
|
||||
$colorbg: rgba(13,15,43,0.7);
|
||||
$colortext: #e2ecf5;
|
||||
$color0: #5C6ADF;
|
||||
$color1: #B650B9;
|
||||
$color2: #6798EE;
|
||||
$color3: #40C3F0;
|
||||
$color4: #999DE3;
|
||||
$color5: #BBC9EC;
|
||||
$color6: #e2ecf5;
|
||||
$color7: #40C3F0;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/i7cDLZgrqW4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCRBvhM7aVv-ZgGz3TeptwLxpkccA
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #040D16;
|
||||
$colorbg: rgba(4,13,22,0.7);
|
||||
$colortext: #b5b4bb;
|
||||
$color0: #AF682F;
|
||||
$color1: #94744E;
|
||||
$color2: #DE9239;
|
||||
$color3: #AB8D5B;
|
||||
$color4: #E4A554;
|
||||
$color5: #F7CF67;
|
||||
$color6: #b5b4bb;
|
||||
$color7: #AB8D5B;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-nL66GQT0mV6xB0sq-VWO0IQ-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #141030;
|
||||
$colorbg: rgba(20,16,48,0.7);
|
||||
$colortext: #e2e4e9;
|
||||
$color0: #C74DD3;
|
||||
$color1: #D14EED;
|
||||
$color2: #DA5BEE;
|
||||
$color3: #47D3F2;
|
||||
$color4: #B4BAD8;
|
||||
$color5: #CAACD3;
|
||||
$color6: #e2e4e9;
|
||||
$color7: #47D3F2;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #020408;
|
||||
$colorbg: rgba(2,4,8,0.7);
|
||||
$colortext: #96e7cb;
|
||||
$color0: #2A6D69;
|
||||
$color1: #4A736A;
|
||||
$color2: #1C8E6F;
|
||||
$color3: #56A264;
|
||||
$color4: #8EA36F;
|
||||
$color5: #28A58C;
|
||||
$color6: #96e7cb;
|
||||
$color7: #56A264;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #050908;
|
||||
$colorbg: rgba(5,9,8,0.7);
|
||||
$colortext: #e6eee7;
|
||||
$color0: #BDB85E;
|
||||
$color1: #376993;
|
||||
$color2: #639B9B;
|
||||
$color3: #43B9BF;
|
||||
$color4: #09ABE4;
|
||||
$color5: #ADCBBD;
|
||||
$color6: #e6eee7;
|
||||
$color7: #43B9BF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/-EDhOHxUYBI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDwfUPyaJr5NC-mDW_CQfTR2BzQgw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0c0906;
|
||||
$colorbg: rgba(12,9,6,0.7);
|
||||
$colortext: #eae7df;
|
||||
$color0: #668C76;
|
||||
$color1: #A5916F;
|
||||
$color2: #C79C75;
|
||||
$color3: #ABA793;
|
||||
$color4: #CBB195;
|
||||
$color5: #D6CBAF;
|
||||
$color6: #eae7df;
|
||||
$color7: #ABA793;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000133005283-3v8p3y-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #071A1B;
|
||||
$colorbg: rgba(7,26,27,0.7);
|
||||
$colortext: #c5dddd;
|
||||
$color0: #43807F;
|
||||
$color1: #3F8181;
|
||||
$color2: #518F8F;
|
||||
$color3: #6FAAA9;
|
||||
$color4: #8CB6B6;
|
||||
$color5: #89C0C0;
|
||||
$color6: #c5dddd;
|
||||
$color7: #6FAAA9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-TjOvf5O3gR9APB4i-XDwyyQ-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #010102;
|
||||
$colorbg: rgba(1,1,2,0.7);
|
||||
$colortext: #e7e0f2;
|
||||
$color0: #7B8AD7;
|
||||
$color1: #8FA5AB;
|
||||
$color2: #97C5B8;
|
||||
$color3: #A7A2E4;
|
||||
$color4: #CEADF7;
|
||||
$color5: #ADC8E1;
|
||||
$color6: #e7e0f2;
|
||||
$color7: #A7A2E4;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/_WUbjkbo_68/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD21OKbXXt2noW8DCM03zaAWn4ayw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #25212e;
|
||||
$colorbg: rgba(37,33,46,0.7);
|
||||
$colortext: #ebe5e4;
|
||||
$color0: #A59AA1;
|
||||
$color1: #EA9EA6;
|
||||
$color2: #EDD2AD;
|
||||
$color3: #B9AFCB;
|
||||
$color4: #E0B7C9;
|
||||
$color5: #F9CFCD;
|
||||
$color6: #ebe5e4;
|
||||
$color7: #B9AFCB;
|
||||
@@ -0,0 +1 @@
|
||||
#a7e2ee
|
||||
@@ -0,0 +1 @@
|
||||
#a7e2ee
|
||||
@@ -0,0 +1 @@
|
||||
#e8cfdf
|
||||
@@ -0,0 +1 @@
|
||||
#e0eaf5
|
||||
@@ -0,0 +1 @@
|
||||
#96cfeb
|
||||
@@ -0,0 +1 @@
|
||||
#ddcdc3
|
||||
@@ -0,0 +1 @@
|
||||
#c5eff0
|
||||
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
@@ -0,0 +1 @@
|
||||
#e1ccd3
|
||||
@@ -0,0 +1 @@
|
||||
#dec8d0
|
||||
@@ -0,0 +1 @@
|
||||
#e9dfab
|
||||
@@ -0,0 +1 @@
|
||||
#ead69c
|
||||
@@ -0,0 +1 @@
|
||||
#a1c6e4
|
||||
@@ -0,0 +1 @@
|
||||
#db99a1
|
||||
@@ -0,0 +1 @@
|
||||
#dee6ed
|
||||
@@ -0,0 +1 @@
|
||||
#f5eae1
|
||||
@@ -0,0 +1 @@
|
||||
#e8e1e3
|
||||
@@ -0,0 +1 @@
|
||||
#a0dfef
|
||||
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
@@ -0,0 +1 @@
|
||||
#e5f0e2
|
||||
@@ -0,0 +1 @@
|
||||
#cbe3df
|
||||
@@ -0,0 +1 @@
|
||||
#e3eaee
|
||||
@@ -0,0 +1 @@
|
||||
#e6e5de
|
||||
@@ -0,0 +1 @@
|
||||
#eeddf4
|
||||
@@ -0,0 +1 @@
|
||||
#ebc9c4
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user