forked from Shinonome/dots-hyprland
stuff
This commit is contained in:
end-4
Executable
+59
@@ -0,0 +1,59 @@
|
||||
[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
|
||||
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"
|
||||
+18
@@ -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
|
||||
}
|
||||
+81
@@ -0,0 +1,81 @@
|
||||
{
|
||||
"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",
|
||||
"csignal": "cpp",
|
||||
"cstdarg": "cpp",
|
||||
"atomic": "cpp",
|
||||
"bitset": "cpp",
|
||||
"charconv": "cpp",
|
||||
"chrono": "cpp",
|
||||
"condition_variable": "cpp",
|
||||
"list": "cpp",
|
||||
"set": "cpp",
|
||||
"unordered_set": "cpp",
|
||||
"algorithm": "cpp",
|
||||
"iterator": "cpp",
|
||||
"memory_resource": "cpp",
|
||||
"random": "cpp",
|
||||
"regex": "cpp",
|
||||
"source_location": "cpp",
|
||||
"format": "cpp",
|
||||
"mutex": "cpp",
|
||||
"semaphore": "cpp",
|
||||
"shared_mutex": "cpp",
|
||||
"stdfloat": "cpp",
|
||||
"stop_token": "cpp",
|
||||
"thread": "cpp",
|
||||
"cinttypes": "cpp",
|
||||
"variant": "cpp"
|
||||
}
|
||||
}
|
||||
+31
@@ -0,0 +1,31 @@
|
||||
{
|
||||
"tasks": [
|
||||
{
|
||||
"type": "cppbuild",
|
||||
"label": "C/C++: g++ build active file",
|
||||
"command": "/usr/bin/g++",
|
||||
"args": [
|
||||
"-static",
|
||||
"-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"
|
||||
}
|
||||
Executable
+125
@@ -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);
|
||||
}
|
||||
Executable
+65
@@ -0,0 +1,65 @@
|
||||
.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;
|
||||
|
||||
margin-top: 5px; //for shadow
|
||||
box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.bottombar-bg-front {
|
||||
min-width: 1920px;
|
||||
min-height: 300px;
|
||||
border-top-left-radius: 26px;
|
||||
border-top-right-radius: 26px;
|
||||
border-bottom: 0px solid transparent;
|
||||
background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
|
||||
background-size: 100% 100%;
|
||||
|
||||
margin-top: 5px; //for shadow
|
||||
}
|
||||
|
||||
.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: 8px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.bottombar-musicinfo-box {
|
||||
margin-left: 50px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.bottombar-title {
|
||||
font-family: 'Lexend';
|
||||
font-size: 30pt;
|
||||
font-weight: 500;
|
||||
text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.bottombar-artist {
|
||||
font-family: 'Lexend';
|
||||
font-size: 16pt;
|
||||
font-weight: 500;
|
||||
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);
|
||||
}
|
||||
Executable
+125
@@ -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;
|
||||
}
|
||||
Executable
+77
@@ -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;
|
||||
Executable
+14
@@ -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;
|
||||
+14
@@ -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;
|
||||
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
+236
@@ -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;
|
||||
}
|
||||
Executable
+344
@@ -0,0 +1,344 @@
|
||||
.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-greet-subtext {
|
||||
font-family: 'Rubik';
|
||||
font-size: 14pt;
|
||||
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;
|
||||
}
|
||||
Executable
+18
@@ -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;
|
||||
}
|
||||
Executable
+6
@@ -0,0 +1,6 @@
|
||||
#d7e2ff
|
||||
#dfbbde
|
||||
#9F9BAB
|
||||
#A2AECF
|
||||
#CFB7CE
|
||||
#CFB7CE
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
#d7e2ff
|
||||
#dfbbde
|
||||
#9F9BAB
|
||||
#A2AECF
|
||||
#CFB7CE
|
||||
#CFB7CE
|
||||
Executable
+27
@@ -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;
|
||||
+27
@@ -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;
|
||||
Executable
+305
@@ -0,0 +1,305 @@
|
||||
.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-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.music-title-hover {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
font-size: 19pt;
|
||||
color: $colortext;
|
||||
background-color: $overlay0;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.music-title-bar {
|
||||
font-family: 'Rubik';
|
||||
font-size: 15pt;
|
||||
color: $colorbar;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
|
||||
}
|
||||
|
||||
.music-artist-bar {
|
||||
color: $colorbar;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
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-height: 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-height: 53px;
|
||||
background-size: auto 65%;
|
||||
background-position: 50% 50%;
|
||||
// background-image: url('images/svg/beatmaps.svg');
|
||||
// background-color: $colorbarbg;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.osu-music-box-dummy {
|
||||
min-width: 50px;
|
||||
min-height: 53px;
|
||||
margin-right: -6px;
|
||||
margin-left: 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: 10px;
|
||||
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-width: 50px;
|
||||
}
|
||||
|
||||
.music-button-box-bar {
|
||||
font-family: 'Material Symbols Rounded';
|
||||
color: $colortext;
|
||||
min-width: 160px;
|
||||
margin: 0 0px;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
.song-button-bar {
|
||||
color: $colortext;
|
||||
border-radius: 9999px;
|
||||
// margin: 3px;
|
||||
min-width: 52px;
|
||||
font-size: 32pt;
|
||||
}
|
||||
|
||||
.song-button-bar:hover {
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
Executable
+84
@@ -0,0 +1,84 @@
|
||||
.notifications-box {
|
||||
// @include window;
|
||||
// padding: 1rem;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.notification {
|
||||
// @include rounding;
|
||||
border-radius: 12px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
Executable
+44
@@ -0,0 +1,44 @@
|
||||
.osd-window {
|
||||
margin: 5px;
|
||||
border-radius: 9999px;
|
||||
min-width: 10px;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.osd-var {
|
||||
margin: 5px;
|
||||
background-color: $surface;
|
||||
border-radius: 9999px;
|
||||
min-width: 100px;
|
||||
min-height: 37px;
|
||||
padding: 7px;
|
||||
|
||||
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
Executable
+620
@@ -0,0 +1,620 @@
|
||||
$bgdetail: $onSecondary;
|
||||
$bgdetail2: $onTertiary;
|
||||
|
||||
.osettings-window {
|
||||
min-width: 501px;
|
||||
padding-top: 20px;
|
||||
background-color: shade($colorbarbg, 4%);
|
||||
color: $onBackground;
|
||||
font-family: Rubik;
|
||||
margin: 7px;
|
||||
margin-left: 0px;
|
||||
border-top-right-radius: 53px;
|
||||
|
||||
// background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
||||
// url('images/pictures/banner_left');
|
||||
|
||||
background-color: shade($onSecondary, 50%);
|
||||
|
||||
background-image:
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
|
||||
radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 24%, $bgdetail 24%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
|
||||
radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 26%, $bgdetail 26%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
|
||||
radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 25%, $bgdetail 25%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
|
||||
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
|
||||
linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
|
||||
;
|
||||
background-size:
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
15px 30px, 15px 30px, 15px 30px,
|
||||
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
|
||||
60px 60px, 120px 120px, 90px 90px,
|
||||
|
||||
20px 40px, 20px 40px, 40px 80px, 40px 80px,
|
||||
40px 80px, 40px 80px,
|
||||
|
||||
100% 100%,
|
||||
;
|
||||
background-position:
|
||||
0px 100px, 15px 100px, 30px 100px, 45px 100px,
|
||||
60px 100px, 75px 100px, 90px 100px, 105px 100px,
|
||||
120px 100px, 135px 100px, 150px 100px,
|
||||
|
||||
550px 40px, 535px 40px, 520px 40px, 505px 40px,
|
||||
490px 40px, 475px 40px, 460px 40px, 445px 40px,
|
||||
430px 40px, 415px 40px, 400px 40px, 385px 40px,
|
||||
|
||||
300px 60px, 165px 135px, 180px 5px,
|
||||
|
||||
360px 190px, 380px 190px, 340px 170px, 380px 170px,
|
||||
40px -10px, 80px -10px,
|
||||
|
||||
top,
|
||||
;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
box-shadow: 2px -4px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.onotify-window {
|
||||
min-width: 529px;
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
color: $onBackground;
|
||||
font-family: Rubik;
|
||||
margin: 7px;
|
||||
margin-right: 0px;
|
||||
border-top-left-radius: 53px;
|
||||
|
||||
|
||||
// background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
|
||||
// url('images/pictures/banner_right');
|
||||
|
||||
background-color: shade($onSecondary, 50%);
|
||||
|
||||
background-image:
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
|
||||
radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 24%, $bgdetail 24%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
|
||||
radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 26%, $bgdetail 26%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
|
||||
radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 25%, $bgdetail 25%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
|
||||
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, $bgdetail 59%, $bgdetail 61%, rgba(0, 0, 0, 0) 61%),
|
||||
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
|
||||
linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
|
||||
;
|
||||
background-size:
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
15px 30px, 15px 30px, 15px 30px,
|
||||
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
15px 30px, 15px 30px, 15px 30px, 15px 30px,
|
||||
|
||||
60px 60px, 120px 120px, 90px 90px,
|
||||
|
||||
160px 80px,
|
||||
40px 80px, 40px 80px,
|
||||
|
||||
100% 100%,
|
||||
;
|
||||
background-position:
|
||||
100px 16px, 115px 16px, 130px 16px, 145px 16px,
|
||||
160px 16px, 175px 16px, 190px 16px, 205px 16px,
|
||||
220px 16px, 235px 16px, 250px 16px,
|
||||
|
||||
550px 90px, 535px 90px, 520px 90px, 505px 90px,
|
||||
490px 90px, 475px 90px, 460px 90px, 445px 90px,
|
||||
430px 90px, 415px 90px, 400px 90px, 385px 90px,
|
||||
|
||||
300px 60px, 165px 135px, 220px 95px,
|
||||
|
||||
-25px 90px,
|
||||
400px -10px, 440px -10px,
|
||||
|
||||
top,
|
||||
;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
box-shadow: -2px -4px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.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-top-right-radius: 53px;
|
||||
}
|
||||
|
||||
.onotify-content {
|
||||
// padding-top: 13px;
|
||||
margin-top: 27px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 16px;
|
||||
font-family: Rubik;
|
||||
color: $onPrimaryContainer;
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
border-top-left-radius: 53px;
|
||||
}
|
||||
|
||||
.osettings-heading {
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
color: $primary;
|
||||
font-family: Rubik;
|
||||
}
|
||||
|
||||
.osettings-title {
|
||||
color: $onPrimaryContainer;
|
||||
font-family: Rubik;
|
||||
font-size: 30pt;
|
||||
text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.osettings-subtitle {
|
||||
color: $onSecondaryContainer;
|
||||
font-family: Rubik;
|
||||
font-size: 14pt;
|
||||
text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.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 $tertiary;
|
||||
color: $tertiary;
|
||||
border-radius: 10px;
|
||||
font-size: 11pt;
|
||||
min-height: 45px;
|
||||
caret-color: $tertiary;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
|
||||
box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.osettings-search-text {
|
||||
color: $tertiary;
|
||||
padding: 10px;
|
||||
font-size: 13pt;
|
||||
min-width: 420px;
|
||||
}
|
||||
|
||||
.osettings-search-icon {
|
||||
color: $tertiary;
|
||||
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%);
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.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-label-icon-material {
|
||||
font-family: 'Material Symbols Rounded';
|
||||
}
|
||||
|
||||
.osettings-tag-label-txt {
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.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%);
|
||||
}
|
||||
|
||||
.notif-indicator {
|
||||
font-family: 'Rubik';
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.notif-badge {
|
||||
border-radius: 99px;
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
background-color: $color1;
|
||||
color: #000000;
|
||||
margin-bottom: 8px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
Executable
+195
@@ -0,0 +1,195 @@
|
||||
.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-radius: 15px;
|
||||
background-color: shade($surface0, 2%);
|
||||
border: 1px solid $surface0;
|
||||
border-top: 1px solid tint($surface0, 5%);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
Executable
+171
@@ -0,0 +1,171 @@
|
||||
.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;
|
||||
box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
|
||||
|
||||
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;
|
||||
}
|
||||
Executable
+55
@@ -0,0 +1,55 @@
|
||||
.supercontext-window {
|
||||
transition: 0ms;
|
||||
}
|
||||
|
||||
.supercontext-button {
|
||||
transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
font-family: 'Material Symbols Rounded';
|
||||
font-size: 21pt;
|
||||
background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
|
||||
}
|
||||
|
||||
.supercontext-button-number {
|
||||
transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
font-family: 'Lexend';
|
||||
font-size: 21pt;
|
||||
background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
|
||||
}
|
||||
|
||||
.supercontext-button-number-child {
|
||||
:first-child {
|
||||
transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
font-family: 'Lexend';
|
||||
font-size: 21pt;
|
||||
background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
|
||||
}
|
||||
}
|
||||
|
||||
.supercontext-button-number-child:hover {
|
||||
:first-child {
|
||||
background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 15%, tint($primary, 26%) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 15%);
|
||||
}
|
||||
}
|
||||
|
||||
.supercontext-button-number-child:active {
|
||||
:first-child {
|
||||
background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 100%, tint($primary, 26%) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
||||
}
|
||||
}
|
||||
|
||||
.supercontext-button:hover {
|
||||
background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 15%, tint($primary, 26%) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 15%);
|
||||
}
|
||||
|
||||
.supercontext-button:active {
|
||||
background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 100%, tint($primary, 26%) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
||||
}
|
||||
Executable
+194
@@ -0,0 +1,194 @@
|
||||
.membar {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.cpubar {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.batbar {
|
||||
color: $color6;
|
||||
padding-right: 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;
|
||||
padding-right: 5px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding-left: 2px;
|
||||
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-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cpu-menu {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
color: $color4;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.mem-menu {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
color: $color5;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.mem-menu-left {
|
||||
color: $color5;
|
||||
padding-left: 5px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.mem-menu-mid {
|
||||
color: $color5;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.mem-menu-right {
|
||||
color: $color5;
|
||||
padding-left: 0px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.sys-menu {
|
||||
font-family: 'Rubik', 'Material Symbols Rounded';
|
||||
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
+87
@@ -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;
|
||||
}
|
||||
Executable
+205
@@ -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;
|
||||
}
|
||||
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
+2014
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,16 @@
|
||||
//Auto generated color theme for Catppuccin Mocha
|
||||
@function bluetint($color, $percentage) { @return mix(#c3b1a1, $color, $percentage); } // beige
|
||||
@function blueshade($color, $percentage) { @return mix(#8b7265, $color, $percentage); } // dark brown
|
||||
$colorbarbg: #313244; // Surface0
|
||||
$colorbg: rgba(30, 30, 46, 0.75); // Base
|
||||
$colortext: #cdd6f4; // Text
|
||||
$color0: #89b4fa; // Blue
|
||||
$color1: #74c7ec; // Sapphire
|
||||
$color2: #89dceb; // Sky
|
||||
$color3: #94e2d5; // Teal
|
||||
$color4: #f9e2af; // Yellow
|
||||
$color5: #f38ba8; // Red
|
||||
$color6: #f5c2e7; // Pink
|
||||
$color7: #f5e0dc; // Rose water``
|
||||
|
||||
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/Igw7x_q_SY8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnBg0FYExCAq5yAvoYoyE3rjhD6w
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #15120c;
|
||||
$colorbg: rgba(21,18,12,0.75);
|
||||
$colortext: #e5e3de;
|
||||
$color0: #D1B043;
|
||||
$color1: #E9D463;
|
||||
$color2: #ACA597;
|
||||
$color3: #C7B89C;
|
||||
$color4: #B4CBB1;
|
||||
$color5: #E2D69D;
|
||||
$color6: #e5e3de;
|
||||
$color7: #C7B89C;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/-aKHRnS1NrY/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLARkaFkCli09IlsqLfdrLkiZrRmNw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0d101f;
|
||||
$colorbg: rgba(13,16,31,0.7);
|
||||
$colortext: #d7cdcf;
|
||||
$color0: #75728A;
|
||||
$color1: #897A89;
|
||||
$color2: #C278B1;
|
||||
$color3: #8A8592;
|
||||
$color4: #A5939F;
|
||||
$color5: #B8A7B2;
|
||||
$color6: #d7cdcf;
|
||||
$color7: #8A8592;
|
||||
@@ -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-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://i.ytimg.com/vi_webp/eXJqyCgVpjc/mqdefault.webp
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #080304;
|
||||
$colorbg: rgba(8,3,4,0.7);
|
||||
$colortext: #e6c5cc;
|
||||
$color0: #955B6C;
|
||||
$color1: #D36572;
|
||||
$color2: #A06F8D;
|
||||
$color3: #DC728F;
|
||||
$color4: #868091;
|
||||
$color5: #A78DA1;
|
||||
$color6: #e6c5cc;
|
||||
$color7: #DC728F;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/5jvVbbai7qk/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDyTWGok8rtpE0Dj6rsAY9n03bhkQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #3f2130;
|
||||
$colorbg: rgba(63,33,48,0.75);
|
||||
$colortext: #f0dfdc;
|
||||
$color0: #C96F95;
|
||||
$color1: #A7868D;
|
||||
$color2: #A68D9F;
|
||||
$color3: #DB9DAA;
|
||||
$color4: #F1D0B8;
|
||||
$color5: #E2B1C8;
|
||||
$color6: #f0dfdc;
|
||||
$color7: #DB9DAA;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000579642002-mq4kgn-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #881b90;
|
||||
$colorbg: rgba(136,27,144,0.3);
|
||||
$colortext: #dff1f5;
|
||||
$color0: #D3A3F8;
|
||||
$color1: #F3B3FA;
|
||||
$color2: #9ADEFA;
|
||||
$color3: #B1F6FB;
|
||||
$color4: #D4CFF9;
|
||||
$color5: #F1D0FA;
|
||||
$color6: #dff1f5;
|
||||
$color7: #B1F6FB;
|
||||
@@ -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: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0A0A12;
|
||||
$colorbg: rgba(10,10,18,0.75);
|
||||
$colortext: #e5e3e9;
|
||||
$color0: #39B1D7;
|
||||
$color1: #63A0D4;
|
||||
$color2: #C1A2AA;
|
||||
$color3: #9BA1CF;
|
||||
$color4: #D2B6D5;
|
||||
$color5: #A3D9F0;
|
||||
$color6: #e5e3e9;
|
||||
$color7: #9BA1CF;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/4Me9rKMKIiY/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgdIGUoYDAP&rs=AOn4CLCTO0d31Dqgq1VrZ7Kyc7QQprKctw
|
||||
$colorbarbg: #090713;
|
||||
$colorbg: rgba(9,7,19,0.75);
|
||||
$colortext: #e2d0e1;
|
||||
$color0: #E72DA9;
|
||||
$color1: #C24BB3;
|
||||
$color2: #40A5C1;
|
||||
$color3: #32EBDC;
|
||||
$color4: #4FE0DB;
|
||||
$color5: #B4B1B4;
|
||||
$color6: #e2d0e1;
|
||||
$color7: #32EBDC;
|
||||
@@ -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,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/m-imaoaZ9ho/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBkvbpwGwMXwTM2ezepbUGV05pLFg
|
||||
$colorbarbg: #100d21;
|
||||
$colorbg: rgba(16,13,33,0.75);
|
||||
$colortext: #f5d9f5;
|
||||
$color0: #9A6BA7;
|
||||
$color1: #AA7AC3;
|
||||
$color2: #BF86B9;
|
||||
$color3: #B786CE;
|
||||
$color4: #D198D6;
|
||||
$color5: #F1B7F3;
|
||||
$color6: #f5d9f5;
|
||||
$color7: #B786CE;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi_webp/4cFD-5w5cyA/mqdefault.webp
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #081229;
|
||||
$colorbg: rgba(8,18,41,0.3);
|
||||
$colortext: #e4e9ed;
|
||||
$color0: #2A9EE5;
|
||||
$color1: #4E9DC4;
|
||||
$color2: #5CA4E1;
|
||||
$color3: #62D9F9;
|
||||
$color4: #A2AAD6;
|
||||
$color5: #9FE4F8;
|
||||
$color6: #e4e9ed;
|
||||
$color7: #62D9F9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/hcbc09-cQaM/mqdefault.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #fdfdfd;
|
||||
$colorbg: rgba(253,253,253,0.7);
|
||||
$colortext: #4B4752;
|
||||
$color0: #A2A1AB;
|
||||
$color1: #D8B3B1;
|
||||
$color2: #9EB4CC;
|
||||
$color3: #B1CADB;
|
||||
$color4: #DFC1C1;
|
||||
$color5: #CECFD4;
|
||||
$color6: #4B4752;
|
||||
$color7: #B1CADB;
|
||||
@@ -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: [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://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;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDk081Hk_24mnKxtawjxKQ64rrQDg
|
||||
@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.75);
|
||||
$colortext: #e8eae5;
|
||||
$color0: #767C80;
|
||||
$color1: #039CB7;
|
||||
$color2: #14A0AC;
|
||||
$color3: #5EB6B9;
|
||||
$color4: #08A1C9;
|
||||
$color5: #BAC8AE;
|
||||
$color6: #e8eae5;
|
||||
$color7: #5EB6B9;
|
||||
@@ -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://i1.sndcdn.com/artworks-JgiEcXItFfvrKUZ9-aVqgEw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #271626;
|
||||
$colorbg: rgba(39,22,38,0.7);
|
||||
$colortext: #f5deec;
|
||||
$color0: #BBA7A7;
|
||||
$color1: #EE91B4;
|
||||
$color2: #F88FCD;
|
||||
$color3: #FCB0D0;
|
||||
$color4: #F5ADE0;
|
||||
$color5: #F2C6D9;
|
||||
$color6: #f5deec;
|
||||
$color7: #FCB0D0;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-rs5BJbnE1joHdT19-cy5Ilg-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #4c0f0c;
|
||||
$colorbg: rgba(76,15,12,0.3);
|
||||
$colortext: #f3dfdd;
|
||||
$color0: #F8817E;
|
||||
$color1: #BD8683;
|
||||
$color2: #F98D89;
|
||||
$color3: #F7A49B;
|
||||
$color4: #FAB5AA;
|
||||
$color5: #FBC5B8;
|
||||
$color6: #f3dfdd;
|
||||
$color7: #F7A49B;
|
||||
@@ -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.75);
|
||||
$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/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.75);
|
||||
$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: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #212528;
|
||||
$colorbg: rgba(33,37,40,0.3);
|
||||
$colortext: #e7e4e2;
|
||||
$color0: #99798C;
|
||||
$color1: #6A87B1;
|
||||
$color2: #668FCA;
|
||||
$color3: #A39BA5;
|
||||
$color4: #97AFD7;
|
||||
$color5: #C5BDC5;
|
||||
$color6: #e7e4e2;
|
||||
$color7: #A39BA5;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #0C1013;
|
||||
$colorbg: rgba(12,16,19,0.75);
|
||||
$colortext: #c4cac3;
|
||||
$color0: #7B805D;
|
||||
$color1: #BCBD58;
|
||||
$color2: #999667;
|
||||
$color3: #4C748A;
|
||||
$color4: #6B919C;
|
||||
$color5: #7BADC4;
|
||||
$color6: #c4cac3;
|
||||
$color7: #4C748A;
|
||||
@@ -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: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #2c2d1e;
|
||||
$colorbg: rgba(44,45,30,0.7);
|
||||
$colortext: #f1ece0;
|
||||
$color0: #ECD069;
|
||||
$color1: #AFA892;
|
||||
$color2: #CFB29F;
|
||||
$color3: #BAC59C;
|
||||
$color4: #E1D7A8;
|
||||
$color5: #EDD9C9;
|
||||
$color6: #f1ece0;
|
||||
$color7: #BAC59C;
|
||||
@@ -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: #1b1516;
|
||||
$colorbg: rgba(27,21,22,0.7);
|
||||
$colortext: #e9e5e8;
|
||||
$color0: #CDAEB2;
|
||||
$color1: #CDBFC2;
|
||||
$color2: #D1BCC3;
|
||||
$color3: #D9CBD2;
|
||||
$color4: #E7D3D4;
|
||||
$color5: #E3DBE0;
|
||||
$color6: #e9e5e8;
|
||||
$color7: #D9CBD2;
|
||||
@@ -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: #161c30;
|
||||
$colorbg: rgba(22,28,48,0.75);
|
||||
$colortext: #dfedf5;
|
||||
$color0: #99B5DE;
|
||||
$color1: #92CBF6;
|
||||
$color2: #ACD7F7;
|
||||
$color3: #B0E2F7;
|
||||
$color4: #E7D2D7;
|
||||
$color5: #FDEBD4;
|
||||
$color6: #dfedf5;
|
||||
$color7: #B0E2F7;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #081304;
|
||||
$colorbg: rgba(8,19,4,0.75);
|
||||
$colortext: #d2d9cd;
|
||||
$color0: #3C5749;
|
||||
$color1: #8B7521;
|
||||
$color2: #897949;
|
||||
$color3: #9F8F28;
|
||||
$color4: #B9AA4C;
|
||||
$color5: #5B8B80;
|
||||
$color6: #d2d9cd;
|
||||
$color7: #9F8F28;
|
||||
@@ -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: #10100f;
|
||||
$colorbg: rgba(16,16,15,0.75);
|
||||
$colortext: #cbccc8;
|
||||
$color0: #656B5A;
|
||||
$color1: #70736B;
|
||||
$color2: #817E7D;
|
||||
$color3: #7C836D;
|
||||
$color4: #858B79;
|
||||
$color5: #90928B;
|
||||
$color6: #cbccc8;
|
||||
$color7: #7C836D;
|
||||
@@ -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://i1.sndcdn.com/artworks-VzJtkezGcHZPTQwV-sj8hyg-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #1d1525;
|
||||
$colorbg: rgba(29,21,37,0.7);
|
||||
$colortext: #e8dfec;
|
||||
$color0: #891A8B;
|
||||
$color1: #9726AD;
|
||||
$color2: #AF48BD;
|
||||
$color3: #D55FD7;
|
||||
$color4: #7392CA;
|
||||
$color5: #CA9CD4;
|
||||
$color6: #e8dfec;
|
||||
$color7: #D55FD7;
|
||||
@@ -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-000058034277-sq9814-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0A0C09;
|
||||
$colorbg: rgba(10,12,9,0.3);
|
||||
$colortext: #d6d6d6;
|
||||
$color0: #7F7E7E;
|
||||
$color1: #1BAC6D;
|
||||
$color2: #57938D;
|
||||
$color3: #02FA97;
|
||||
$color4: #969595;
|
||||
$color5: #AEADAD;
|
||||
$color6: #d6d6d6;
|
||||
$color7: #02FA97;
|
||||
@@ -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-000499340190-zt5zgv-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #1c1c25;
|
||||
$colorbg: rgba(28,28,37,0.7);
|
||||
$colortext: #e8d0dd;
|
||||
$color0: #A5528A;
|
||||
$color1: #C36192;
|
||||
$color2: #82828E;
|
||||
$color3: #A792A0;
|
||||
$color4: #D79EA1;
|
||||
$color5: #D1D3B5;
|
||||
$color6: #e8d0dd;
|
||||
$color7: #A792A0;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-cAla9lDzW6P2WRRA-yJp1yg-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0B1B29;
|
||||
$colorbg: rgba(11,27,41,0.7);
|
||||
$colortext: #9fd7d5;
|
||||
$color0: #174F6A;
|
||||
$color1: #634F64;
|
||||
$color2: #9D1D14;
|
||||
$color3: #D32509;
|
||||
$color4: #BA5341;
|
||||
$color5: #226D88;
|
||||
$color6: #9fd7d5;
|
||||
$color7: #D32509;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/Ym0VhyO0ajM/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnOkNUJDDk6eA2RagDI-cOWNqthw
|
||||
$colorbarbg: #09253A;
|
||||
$colorbg: rgba(9,37,58,0.75);
|
||||
$colortext: #9acee4;
|
||||
$color0: #1E649F;
|
||||
$color1: #106FAF;
|
||||
$color2: #1576CE;
|
||||
$color3: #2B89B4;
|
||||
$color4: #3AAED8;
|
||||
$color5: #229EE6;
|
||||
$color6: #9acee4;
|
||||
$color7: #2B89B4;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/co1QafXwo4g/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAncOMlDFU5jwlz8_EJITJPz1xaxQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0a0614;
|
||||
$colorbg: rgba(10,6,20,0.7);
|
||||
$colortext: #e2e4f0;
|
||||
$color0: #5F1DD9;
|
||||
$color1: #334AC7;
|
||||
$color2: #625CE0;
|
||||
$color3: #924CC2;
|
||||
$color4: #4EA3E3;
|
||||
$color5: #A6B1E4;
|
||||
$color6: #e2e4f0;
|
||||
$color7: #924CC2;
|
||||
@@ -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://i.ytimg.com/vi/zJ9NHv9UIHI/mqdefault.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0f071d;
|
||||
$colorbg: rgba(15,7,29,0.7);
|
||||
$colortext: #a7bbe0;
|
||||
$color0: #E99A71;
|
||||
$color1: #592D9A;
|
||||
$color2: #5B549F;
|
||||
$color3: #5D57C1;
|
||||
$color4: #A254B2;
|
||||
$color5: #9B61D1;
|
||||
$color6: #a7bbe0;
|
||||
$color7: #5D57C1;
|
||||
@@ -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: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #05040A;
|
||||
$colorbg: rgba(5,4,10,0.75);
|
||||
$colortext: #83cbe3;
|
||||
$color0: #46315F;
|
||||
$color1: #BD2925;
|
||||
$color2: #E6A567;
|
||||
$color3: #0B4B90;
|
||||
$color4: #1C5095;
|
||||
$color5: #1263AA;
|
||||
$color6: #83cbe3;
|
||||
$color7: #0B4B90;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/VPAbyHafVq4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBPcSDAncsROkuIMYJHgZwUbfZGMg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #251923;
|
||||
$colorbg: rgba(37,25,35,0.7);
|
||||
$colortext: #ecdedf;
|
||||
$color0: #E26A78;
|
||||
$color1: #827590;
|
||||
$color2: #A67087;
|
||||
$color3: #E57485;
|
||||
$color4: #BD9DA2;
|
||||
$color5: #E5A0A2;
|
||||
$color6: #ecdedf;
|
||||
$color7: #E57485;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/OnVNcl7mX_Q/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBh9_sgGX3UhmFVI4HmgNskpjRy6w
|
||||
$colorbarbg: #070C12;
|
||||
$colorbg: rgba(7,12,18,0.75);
|
||||
$colortext: #e3e7ea;
|
||||
$color0: #32678E;
|
||||
$color1: #636790;
|
||||
$color2: #947694;
|
||||
$color3: #68A5C0;
|
||||
$color4: #A7A5B5;
|
||||
$color5: #95E2EB;
|
||||
$color6: #e3e7ea;
|
||||
$color7: #68A5C0;
|
||||
@@ -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,12 @@
|
||||
//Auto generated color theme for image at: https://lh3.googleusercontent.com/mjuSrFmUlV0OV07Jwp8t4djDxzT2NHHTYP5e-lX3Al6GPJU2ZeB42W6zah4PsLaRYyRj0CgLpiKwAYg=w544-h544-l90-rj
|
||||
$colorbarbg: #18130e;
|
||||
$colorbg: rgba(24,19,14,0.75);
|
||||
$colortext: #e6e6df;
|
||||
$color0: #968F71;
|
||||
$color1: #CCA856;
|
||||
$color2: #387489;
|
||||
$color3: #5E8F8B;
|
||||
$color4: #9DA894;
|
||||
$color5: #D0CDA5;
|
||||
$color6: #e6e6df;
|
||||
$color7: #5E8F8B;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/JkQ0izNVq6w/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBWz3L9h6QvOBRnl4EQ25BULuM6zg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0d121b;
|
||||
$colorbg: rgba(13,18,27,0.75);
|
||||
$colortext: #a0bfbf;
|
||||
$color0: #465453;
|
||||
$color1: #57665B;
|
||||
$color2: #4A6D6D;
|
||||
$color3: #5A8875;
|
||||
$color4: #437B84;
|
||||
$color5: #3E8B95;
|
||||
$color6: #a0bfbf;
|
||||
$color7: #5A8875;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000440501349-15fy1j-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0F1C30;
|
||||
$colorbg: rgba(15,28,48,0.7);
|
||||
$colortext: #c5e4ec;
|
||||
$color0: #556F93;
|
||||
$color1: #5F90AA;
|
||||
$color2: #3699C6;
|
||||
$color3: #5CABD3;
|
||||
$color4: #69D3EB;
|
||||
$color5: #9EA5B5;
|
||||
$color6: #c5e4ec;
|
||||
$color7: #5CABD3;
|
||||
@@ -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: #040E12;
|
||||
$colorbg: rgba(4,14,18,0.7);
|
||||
$colortext: #82e6f5;
|
||||
$color0: #405359;
|
||||
$color1: #07548B;
|
||||
$color2: #0A6DA3;
|
||||
$color3: #066BC8;
|
||||
$color4: #209FC4;
|
||||
$color5: #0C9DE0;
|
||||
$color6: #82e6f5;
|
||||
$color7: #066BC8;
|
||||
@@ -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://i.ytimg.com/vi/zvuFqUO0lVI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBBWCjrEnW6fFvusjyR20ghqVkuRQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0b0a2b;
|
||||
$colorbg: rgba(11,10,43,0.7);
|
||||
$colortext: #ece6e7;
|
||||
$color0: #974DEC;
|
||||
$color1: #679AD7;
|
||||
$color2: #78BED7;
|
||||
$color3: #A0A1D9;
|
||||
$color4: #BFACD9;
|
||||
$color5: #A1D7E2;
|
||||
$color6: #ece6e7;
|
||||
$color7: #A0A1D9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/sgfF7QXhNPA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDCzrCG50-ll2-ilsgYtJI-YL8_iw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #24253d;
|
||||
$colorbg: rgba(36,37,61,0.7);
|
||||
$colortext: #ece2e5;
|
||||
$color0: #62B3D4;
|
||||
$color1: #6CD0D0;
|
||||
$color2: #72E1DD;
|
||||
$color3: #E997AE;
|
||||
$color4: #C7ADC5;
|
||||
$color5: #9BDDDF;
|
||||
$color6: #ece2e5;
|
||||
$color7: #E997AE;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/bQPEwCqhBjQ/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLC-aefrQSi8LgVWH_FeTG7Yrl7b-g
|
||||
$colorbarbg: #071E23;
|
||||
$colorbg: rgba(7,30,35,0.75);
|
||||
$colortext: #d9d4dc;
|
||||
$color0: #505F63;
|
||||
$color1: #727B84;
|
||||
$color2: #897F88;
|
||||
$color3: #78838B;
|
||||
$color4: #9E9BA7;
|
||||
$color5: #BBB5C5;
|
||||
$color6: #d9d4dc;
|
||||
$color7: #78838B;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-PkAvHpDy3ypruTdy-C5m8rA-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #091c22;
|
||||
$colorbg: rgba(9,28,34,0.3);
|
||||
$colortext: #c5d8d3;
|
||||
$color0: #159DA2;
|
||||
$color1: #5B9FA2;
|
||||
$color2: #1FC7B8;
|
||||
$color3: #5ECEBA;
|
||||
$color4: #2FC9C6;
|
||||
$color5: #62D7C9;
|
||||
$color6: #c5d8d3;
|
||||
$color7: #5ECEBA;
|
||||
@@ -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://i.ytimg.com/vi/iwc8xXoL3WM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBCdzgc6r9qvldRzSjRoZGX_vCpwg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #161a2e;
|
||||
$colorbg: rgba(22,26,46,0.7);
|
||||
$colortext: #e3ebf1;
|
||||
$color0: #31E3F5;
|
||||
$color1: #54DCF6;
|
||||
$color2: #6FE7FB;
|
||||
$color3: #CBA6D3;
|
||||
$color4: #91EBFB;
|
||||
$color5: #ACEBF6;
|
||||
$color6: #e3ebf1;
|
||||
$color7: #CBA6D3;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/Crlc6AQr61M/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDdQPef0Ec5x28JLgLCyT4Qa9JeqQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #201d2b;
|
||||
$colorbg: rgba(32,29,43,0.75);
|
||||
$colortext: #cbdee0;
|
||||
$color0: #8C77B7;
|
||||
$color1: #718C8F;
|
||||
$color2: #679D97;
|
||||
$color3: #4ED0C4;
|
||||
$color4: #91A8AD;
|
||||
$color5: #AAB4C7;
|
||||
$color6: #cbdee0;
|
||||
$color7: #4ED0C4;
|
||||
@@ -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://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/4a7IQMXRTjo/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAbgVnnrFumMO52CQqoOH07NAAoiw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #180c09;
|
||||
$colorbg: rgba(24,12,9,0.75);
|
||||
$colortext: #efe1de;
|
||||
$color0: #D5754A;
|
||||
$color1: #D29156;
|
||||
$color2: #E9995F;
|
||||
$color3: #A49A98;
|
||||
$color4: #ECB19B;
|
||||
$color5: #F9C7B3;
|
||||
$color6: #efe1de;
|
||||
$color7: #A49A98;
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user