mirror of
https://github.com/end-4/dots-hyprland.git
synced 2026-06-05 23:09:26 -05:00
stuff
This commit is contained in:
end-4
Executable
+60
@@ -0,0 +1,60 @@
|
||||
[global]
|
||||
monitor = 0
|
||||
follow = mouse
|
||||
geometry = "280x50-20+90"
|
||||
indicate_hidden = no
|
||||
shrink = no
|
||||
separator_height = 4
|
||||
separator_color = yes
|
||||
padding = 20
|
||||
horizontal_padding = 20
|
||||
frame_width = 3
|
||||
sort = no
|
||||
idle_threshold = 120
|
||||
font = Rubik 13
|
||||
line_height = 4
|
||||
markup = full
|
||||
format = "<b>%s</b>\n%b"
|
||||
alignment = left
|
||||
show_age_threshold = 60
|
||||
word_wrap = yes
|
||||
ignore_newline = no
|
||||
stack_duplicates = false
|
||||
hide_duplicate_count = yes
|
||||
show_indicators = no
|
||||
icon_position = left
|
||||
icon_path = "/home/end/.config/eww/images/linageOS Icons/1G.png"
|
||||
max_icon_size = 48
|
||||
sticky_history = yes
|
||||
history_length = 20
|
||||
browser = x-www-browser -new-tab
|
||||
always_run_script = true
|
||||
title = Dunst
|
||||
class = Dunst
|
||||
corner_radius = 10
|
||||
origin = top-right
|
||||
offset = 8x69
|
||||
|
||||
[shortcuts]
|
||||
close = ctrl+shift+space
|
||||
close_all = ctrl+shift+space
|
||||
history = ctrl+grave
|
||||
context = ctrl+shift+period
|
||||
|
||||
[urgency_low]
|
||||
timeout = 4
|
||||
background = "#1A1B2699"
|
||||
foreground = "#A4D7F1"
|
||||
frame_color = "#A4D7F1"
|
||||
|
||||
[urgency_normal]
|
||||
timeout = 8
|
||||
background = "#1A1B2699"
|
||||
foreground = "#A4D7F1"
|
||||
frame_color = "#A4D7F1"
|
||||
|
||||
[urgency_critical]
|
||||
timeout = 0
|
||||
background = "#1A1B2699"
|
||||
foreground = "#FDDC74"
|
||||
frame_color = "#FDDC74"
|
||||
+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
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"recommendations": []
|
||||
}
|
||||
+82
@@ -0,0 +1,82 @@
|
||||
{
|
||||
"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",
|
||||
"filesystem": "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
+364
@@ -0,0 +1,364 @@
|
||||
@keyframes gradient {
|
||||
0% {
|
||||
background-position: 0% 0%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 600% 0%;
|
||||
}
|
||||
}
|
||||
|
||||
.bar-bg {
|
||||
background-color: $background;
|
||||
@include bar-rounding;
|
||||
@include window-shadow;
|
||||
}
|
||||
|
||||
.bar-bg-noshadow {
|
||||
background-color: $background;
|
||||
@include bar-rounding;
|
||||
}
|
||||
|
||||
.bar-bg-pad {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.bar-pad {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.bar-pad-left {
|
||||
padding: 5px 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.bar-pad-right {
|
||||
padding: 5px 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.bar-circle-pad {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.bar-txt {
|
||||
@include mainfont;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.bar-txt-larger {
|
||||
@include mainfont;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.bar-txt-hugeass {
|
||||
@include mainfont;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.bar-txt-small {
|
||||
@include mainfont;
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
.bar-txt-smaller {
|
||||
@include mainfont;
|
||||
font-size: 10pt;
|
||||
// font-weight: 500; // A slightly higher font weight for small text
|
||||
}
|
||||
|
||||
.bar-txt-tiny {
|
||||
@include mainfont;
|
||||
font-size: 9pt;
|
||||
font-weight: 500; // A slightly higher font weight for small text
|
||||
}
|
||||
|
||||
.bar-txt-norm {
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.bar-txt-sub {
|
||||
color: shade($onBackground, 15%);
|
||||
}
|
||||
|
||||
.bar-btn-icon {
|
||||
color: $primary;
|
||||
font-weight: 900;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.bar-icon-material {
|
||||
@include icon-material;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.bar-icon-material-large {
|
||||
@include icon-material;
|
||||
font-size: 14pt;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.bar-icon-material-hugeass {
|
||||
@include icon-material;
|
||||
font-size: 17pt;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.bar-icon-segoe {
|
||||
@include icon-segoe;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.bar-resources-icon {
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.bar-system-icon {
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.bar-ws-txt {
|
||||
@include mainfont;
|
||||
border-radius: 99px;
|
||||
margin: 2px;
|
||||
font-size: 12pt;
|
||||
transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
.bar-ws-txt-active {
|
||||
background-color: $primary;
|
||||
color: black;
|
||||
font-size: 0;
|
||||
margin-bottom: 35px;
|
||||
min-height: 4px;
|
||||
}
|
||||
|
||||
.bar-batt-circle {
|
||||
background-color: $surfaceVariant;
|
||||
}
|
||||
|
||||
.inside-circle {
|
||||
min-height: 27px;
|
||||
min-width: 27px;
|
||||
}
|
||||
|
||||
.bar-pad-horiz {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.bar-pad-horiz-moreleft {
|
||||
padding-left: 10px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.bar-pad-horiz-moreright {
|
||||
padding-left: 5px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.bar-prog {
|
||||
min-height: 5px;
|
||||
padding: 0px;
|
||||
border-radius: 99px;
|
||||
|
||||
trough {
|
||||
min-height: 5px;
|
||||
min-width: 60px;
|
||||
border-radius: 99px;
|
||||
background-color: $surfaceVariant;
|
||||
}
|
||||
|
||||
progress {
|
||||
min-height: 5px;
|
||||
min-width: 4px;
|
||||
border-radius: 99px;
|
||||
border-radius: 99px;
|
||||
background-color: $onPrimaryContainer;
|
||||
}
|
||||
}
|
||||
|
||||
.bar-music-cover {
|
||||
min-height: 40px;
|
||||
min-width: 40px;
|
||||
margin: 5px 0;
|
||||
border-radius: 10px;
|
||||
background-size: auto 100%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.bar-music-status {
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
border-radius: 99px;
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.bar-tasks-app-pad {
|
||||
padding: 10px 10px;
|
||||
}
|
||||
|
||||
.bar-tasks-app-highlight {
|
||||
border-radius: 99px;
|
||||
margin: 10px;
|
||||
margin-top: 11px;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.bar-tasks-app-highlight-true {
|
||||
background-color: $primary;
|
||||
border-radius: 99px;
|
||||
margin: 10px;
|
||||
margin-top: 11px;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.bar-tasks-app-highlight-false {
|
||||
background-color: transparent;
|
||||
border-radius: 99px;
|
||||
margin: 10px;
|
||||
margin-top: 11px;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.bar-notif-count {
|
||||
border-radius: 99px;
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
font-size: 18pt;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.bar-notif-count-yes {
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
font-weight: bold;
|
||||
font-size: 10pt;
|
||||
@include mainfont;
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.bar-clr {
|
||||
border-radius: 99px;
|
||||
margin: 5px;
|
||||
@include mainfont;
|
||||
}
|
||||
|
||||
.bar-clr-1 {
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
}
|
||||
|
||||
.bar-clr-2 {
|
||||
background-color: $primaryContainer;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.bar-clr-3 {
|
||||
background-color: $secondary;
|
||||
color: $onSecondary;
|
||||
}
|
||||
|
||||
.bar-clr-4 {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.bar-clr-5 {
|
||||
background-color: $tertiary;
|
||||
color: $onTertiary;
|
||||
}
|
||||
|
||||
.bar-clr-6 {
|
||||
background-color: $tertiaryContainer;
|
||||
color: $onTertiaryContainer;
|
||||
}
|
||||
|
||||
.bar-clr-7 {
|
||||
background-color: $surface;
|
||||
color: $onSurface;
|
||||
}
|
||||
|
||||
.bar-clr-8 {
|
||||
background-color: $surfaceVariant;
|
||||
color: $onSurfaceVariant;
|
||||
}
|
||||
|
||||
.bar-clr-9 {
|
||||
background-color: $background;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.bar-clr-10 {
|
||||
background-color: $inversePrimary;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.osd-pad {
|
||||
padding: 8px;
|
||||
transition: 1000ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
.osd-circle {
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
// .osd-active-right {
|
||||
// background-image: linear-gradient(225deg, mix($primary, rgba(0,0,0,0), 69%) 0%, rgba(0,0,0,0) 10%);
|
||||
// }
|
||||
|
||||
// .osd-active-left {
|
||||
// background-image: linear-gradient(135deg, mix($primary, rgba(0,0,0,0), 69%) 0%, rgba(0,0,0,0) 10%);
|
||||
// }
|
||||
|
||||
.osd-bg {
|
||||
@include window-shadow;
|
||||
background-color: rgba(11, 7, 2, 0.7);
|
||||
border-radius: 99px;
|
||||
min-width: 150px;
|
||||
padding: 0 7px;
|
||||
}
|
||||
|
||||
.bar-music-btn {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
font-size: 13pt;
|
||||
color: $onSurface;
|
||||
margin: 2px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.bar-music-btn:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.bar-music-btn:active {
|
||||
background-color: tint($overlay0, 10%);
|
||||
}
|
||||
|
||||
.bar-wall-btn {
|
||||
border-radius: 13px;
|
||||
min-height: 40px;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.bar-wall-btn:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.bar-wall-btn:active {
|
||||
background-color: tint($overlay0, 10%);
|
||||
}
|
||||
|
||||
.bar-notif-flash {
|
||||
background: linear-gradient(135deg,
|
||||
$background 20%, tint($background, 11%) 20%,
|
||||
tint($background, 11%) 40%, $background 40%,
|
||||
$background 60%, tint($background, 11%) 60%,
|
||||
tint($background, 11%) 80%, $background 80%,
|
||||
$background 100%, tint($background, 11%) 100%);
|
||||
background-size: 300% 300%;
|
||||
animation: gradient 4.5s cubic-bezier(0.24, 0.61, 0.48, 0.9);
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
Executable
+129
@@ -0,0 +1,129 @@
|
||||
.bottomsheet-bg {
|
||||
transition: 0ms;
|
||||
border-radius: 15px;
|
||||
// background-color: rgba(0, 0, 0, 0.5);
|
||||
background-size: 100% auto;
|
||||
background-position: center;
|
||||
box-shadow: 0px 2px 3px rgba(11, 11, 11, 0.35);
|
||||
// border: 1px solid mix($overlay0, rgba(80,80,80,0.3), 40%);
|
||||
}
|
||||
|
||||
.bottomsheet-back-bg {
|
||||
@include bar-rounding;
|
||||
background-size: 100% auto;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.bottomsheet-music-cover {
|
||||
border-radius: 18px;
|
||||
background-position: center;
|
||||
background-size: auto 100%;
|
||||
margin: 50px;
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.bottomsheet-music-info {
|
||||
margin: 50px 0px;
|
||||
}
|
||||
|
||||
.bottomsheet-music-title {
|
||||
@include mainfont;
|
||||
font-size: 27pt;
|
||||
text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.bottomsheet-music-artist {
|
||||
@include mainfont;
|
||||
font-size: 15pt;
|
||||
text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.bottomsheet-music-controlsbox {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 99px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.bottomsheet-music-btn {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
font-size: 13pt;
|
||||
color: $onSurface;
|
||||
margin: 2px;
|
||||
border-radius: 99px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.bottomsheet-music-btn:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.bottomsheet-music-btn:active {
|
||||
background-color: tint($overlay0, 10%);
|
||||
}
|
||||
|
||||
.bottomsheet-mixer-app-icon {
|
||||
background-color: $secondaryContainer;
|
||||
border-radius: 13px;
|
||||
min-height: 50px;
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
.bottomsheet-mixer-app-serial {
|
||||
background-color: $secondaryContainer;
|
||||
border-radius: 13px;
|
||||
// padding: 10px;
|
||||
}
|
||||
|
||||
.bottomsheet-mixer-app-num {
|
||||
font-size: 13pt;
|
||||
margin: 0px 10px;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.bottomsheet-mixer-app-incircle {
|
||||
font-size: 11pt;
|
||||
margin: 0px 5px;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.bottomsheet-mixer-app-circle {
|
||||
color: $onSecondaryContainer;
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.bottomsheet-cavacol {
|
||||
border-top-left-radius: 99px;
|
||||
border-top-right-radius: 99px;
|
||||
border-bottom-left-radius: 99px;
|
||||
border-bottom-right-radius: 99px;
|
||||
}
|
||||
|
||||
.bottomsheet-windowctl {
|
||||
margin: 15px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.bottomsheet-windowctl-btn {
|
||||
border-radius: 13px;
|
||||
background-color: $secondary;
|
||||
color: $onSecondary;
|
||||
@include icon-material;
|
||||
font-size: 18pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.bottomsheet-windowctl-btn:hover {
|
||||
background-color: tint($primary, 10%);
|
||||
}
|
||||
|
||||
.bottomsheet-windowctl-btn-true {
|
||||
border-radius: 13px;
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
@include icon-material-filled;
|
||||
font-size: 18pt;
|
||||
font-weight: bolder;
|
||||
}
|
||||
Executable
+78
@@ -0,0 +1,78 @@
|
||||
|
||||
|
||||
$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(49, 51, 70, 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
+12
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$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;
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #090727;
|
||||
$colorbg: rgba(9,7,39,0.7);
|
||||
$colortext: #e1e4f1;
|
||||
$color0: #926AC9;
|
||||
$color1: #2994E6;
|
||||
$color2: #5E9EE8;
|
||||
$color3: #5BC3E9;
|
||||
$color4: #9EA8E4;
|
||||
$color5: #AEC4E9;
|
||||
$color6: #e1e4f1;
|
||||
$color7: #5BC3E9;
|
||||
Executable
+326
@@ -0,0 +1,326 @@
|
||||
.dashboard-bg {
|
||||
background-color: rgba(0, 0, 0, 0.67);
|
||||
}
|
||||
|
||||
@mixin dashboard-panel-bg {
|
||||
background-color: rgba(30, 30, 30, 1);
|
||||
}
|
||||
|
||||
.dashboard-clock-time {
|
||||
@include mainfont;
|
||||
font-size: 55pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-clock-date {
|
||||
@include mainfont;
|
||||
font-size: 20pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashbaord-user-pic {
|
||||
min-width: 60px;
|
||||
min-height: 60px;
|
||||
border-radius: 99px;
|
||||
background-position: center center;
|
||||
background-size: auto 100%;
|
||||
}
|
||||
|
||||
.dashboard-user-realname {
|
||||
@include mainfont;
|
||||
font-size: 22pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-user-username {
|
||||
@include mainfont;
|
||||
font-size: 16pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-close-btn-icon {
|
||||
@include icon-material;
|
||||
font-size: 30pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-close-btn-txt {
|
||||
@include mainfont;
|
||||
font-size: 11pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-cavacol {
|
||||
border-top-left-radius: 99px;
|
||||
border-top-right-radius: 99px;
|
||||
background-color: rgba(200, 200, 200, 0.2);
|
||||
}
|
||||
|
||||
.dashboard-gallery-txt {
|
||||
@include mainfont;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.dashboard-carousel-image {
|
||||
border-radius: 13px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.dashboard-session-btn {
|
||||
padding: 10px 0px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-session-btn-icon {
|
||||
@include icon-material;
|
||||
font-size: 30pt;
|
||||
padding: 0 50px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-settings-panel {
|
||||
@include dashboard-panel-bg;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.dashboard-setting-section-pad {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.dashboard-settings-title-icon {
|
||||
@include icon-material;
|
||||
font-size: 18pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-settings-title-txt {
|
||||
@include mainfont;
|
||||
font-size: 20pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-settings-title-txtsmall {
|
||||
@include mainfont;
|
||||
font-size: 16pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-settings-option-group {
|
||||
background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
|
||||
border-radius: 13px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-settings-option-group-middle {
|
||||
background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-settings-option-group-left {
|
||||
background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
|
||||
border-radius: 2px;
|
||||
border-top-left-radius: 13px;
|
||||
border-bottom-left-radius: 13px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-settings-option-group-right {
|
||||
background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
|
||||
border-radius: 2px;
|
||||
border-top-right-radius: 13px;
|
||||
border-bottom-right-radius: 13px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-settings-option-toggle-icon {
|
||||
@include icon-material;
|
||||
font-size: 28pt;
|
||||
}
|
||||
|
||||
.dashboard-settings-option-toggle-txt {
|
||||
@include mainfont;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.dashboard-settings-option-group-pad {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.dashboard-settings-option-group-minsize {
|
||||
min-width: 80px;
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
.dashboard-settings-scale {
|
||||
border-radius: 99px;
|
||||
margin: 20px;
|
||||
transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
|
||||
trough {
|
||||
min-height: 3px;
|
||||
min-width: 60px;
|
||||
border-radius: 99px;
|
||||
background-color: mix($surface, rgba(0, 0, 0, 0), 30%);
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 3px;
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
slider {
|
||||
min-width: 5px;
|
||||
margin: -9px;
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-settings-txt {
|
||||
@include mainfont;
|
||||
font-size: 12pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.switch-bg-2 {
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
border: 2px solid $primary;
|
||||
}
|
||||
|
||||
.switch-bg-1 {
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
border: 2px solid $primary;
|
||||
}
|
||||
|
||||
.switch-bg-0 {
|
||||
border-radius: 99px;
|
||||
background-color: mix($surface, rgba(0, 0, 0, 0), 50%);
|
||||
border: 2px solid $onSurface;
|
||||
}
|
||||
|
||||
.switch-bg-true {
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
border: 2px solid $primary;
|
||||
}
|
||||
|
||||
.switch-bg-false {
|
||||
border-radius: 99px;
|
||||
background-color: mix($surface, rgba(0, 0, 0, 0), 50%);
|
||||
border: 3px solid $onSurface;
|
||||
}
|
||||
|
||||
.switch-fg-2 {
|
||||
border-radius: 99px;
|
||||
background-color: $onPrimary;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.switch-fg-1 {
|
||||
border-radius: 99px;
|
||||
background-color: $onPrimary;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.switch-fg-0 {
|
||||
border-radius: 99px;
|
||||
background-color: $onSurface;
|
||||
}
|
||||
|
||||
.switch-fg-true {
|
||||
border-radius: 99px;
|
||||
background-color: $onPrimary;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.switch-fg-false {
|
||||
border-radius: 99px;
|
||||
background-color: $onSurface;
|
||||
}
|
||||
|
||||
.switch-fg-icon {
|
||||
@include icon-material;
|
||||
font-size: 9pt;
|
||||
font-weight: bolder;
|
||||
margin: -2px;
|
||||
}
|
||||
|
||||
.dashboard-option-lang-true {
|
||||
background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
|
||||
border-radius: 13px;
|
||||
padding: 15px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-option-lang-false {
|
||||
background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
|
||||
border-radius: 13px;
|
||||
padding: 15px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-lang-indicator-true {
|
||||
background-color: $primary;
|
||||
border-radius: 99px;
|
||||
min-width: 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.dashboard-lang-indicator-false {
|
||||
background-color: transparent;
|
||||
border-radius: 99px;
|
||||
min-width: 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.dashboard-settings-highlight {
|
||||
background: $primary;
|
||||
border-radius: 99px;
|
||||
min-height: 50px;
|
||||
min-width: 5px;
|
||||
}
|
||||
|
||||
.dashboard-settings-highlight-hide {
|
||||
background: transparent;
|
||||
border-radius: 99px;
|
||||
min-height: 50px;
|
||||
min-width: 5px;
|
||||
}
|
||||
|
||||
.dashboard-settings-button {
|
||||
background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
|
||||
border-radius: 13px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.dashboard-settings-button:hover {
|
||||
background-color: tint(mix($secondaryContainer, rgba(0, 0, 0, 0), 50%), 5%);
|
||||
}
|
||||
|
||||
.dashboard-settings-button:active {
|
||||
background-color: tint(mix($secondaryContainer, rgba(0, 0, 0, 0), 50%), 10%);
|
||||
}
|
||||
|
||||
.dashboard-section-icon {
|
||||
@include icon-material;
|
||||
font-size: 18pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-section-icon-nerd {
|
||||
@include icon-nerd;
|
||||
font-size: 18pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.dashboard-section-txt {
|
||||
@include mainfont;
|
||||
font-size: 18pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
Executable
+6
@@ -0,0 +1,6 @@
|
||||
#c9f089
|
||||
#a0d0ca
|
||||
#70736B
|
||||
#7C836D
|
||||
#858B79
|
||||
#858B79
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
#dbe1ff
|
||||
#e4bada
|
||||
#D3A8AB
|
||||
#A5ACD0
|
||||
#D4B6CF
|
||||
#D4B6CF
|
||||
Executable
+27
@@ -0,0 +1,27 @@
|
||||
$primary: #add370;
|
||||
$onPrimary: #213600;
|
||||
$primaryContainer: #324f00;
|
||||
$onPrimaryContainer: #c9f089;
|
||||
$secondary: #c1caac;
|
||||
$onSecondary: #2b331e;
|
||||
$secondaryContainer: #414a32;
|
||||
$onSecondaryContainer: #dde7c6;
|
||||
$tertiary: #a0d0ca;
|
||||
$onTertiary: #003733;
|
||||
$tertiaryContainer: #204e4a;
|
||||
$onTertiaryContainer: #bcece6;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #1b1c18;
|
||||
$onBackground: #e4e3dc;
|
||||
$surface: #1b1c18;
|
||||
$onSurface: #e4e3dc;
|
||||
$surfaceVariant: #45483d;
|
||||
$onSurfaceVariant: #c5c8b9;
|
||||
$outline: #8f9285;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e4e3dc;
|
||||
$inverseOnSurface: #30312c;
|
||||
$inversePrimary: #48680e;
|
||||
Executable
+114
@@ -0,0 +1,114 @@
|
||||
@keyframes flyin-top {
|
||||
from {
|
||||
margin-top: -60px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.powerview-search-box {
|
||||
animation-name: flyin-top;
|
||||
animation-duration: 200ms;
|
||||
animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
.powerview-search-txt {
|
||||
@include mainfont;
|
||||
font-size: 12pt;
|
||||
padding: 0 15px;
|
||||
selection {
|
||||
background-color: $secondary;
|
||||
color: $onSecondary;
|
||||
}
|
||||
}
|
||||
|
||||
.powerview-search-txt:focus {
|
||||
background-color: mix($background, $primaryContainer, 85%);
|
||||
}
|
||||
|
||||
.powerview-search-prompt-txt {
|
||||
@include mainfont;
|
||||
font-size: 12pt;
|
||||
@include subtext;
|
||||
}
|
||||
|
||||
.powerview-ws {
|
||||
border-radius: 13px;
|
||||
background-color: rgba(80, 80, 80, 0.1);
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.powerview-ws-true {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.powerview-ws-false {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.powerview-ws-window {
|
||||
border-radius: 13px;
|
||||
background-color: mix($primaryContainer, rgba(80,80,80,0.3), 7%);
|
||||
}
|
||||
|
||||
.powerview-search-result {
|
||||
@include mainfont;
|
||||
border-radius: 18px;
|
||||
background-color: $onSecondary;
|
||||
color: $onBackground;
|
||||
font-size: 15pt;
|
||||
min-height: 47px;
|
||||
min-width: 400px;
|
||||
padding: 2px 12px;
|
||||
padding-left: 57px;
|
||||
margin: 0px 5px;
|
||||
|
||||
background-color: rgba(11, 11, 11, 0.8);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($secondaryContainer, 10%) 60%);
|
||||
background-size: 400% auto;
|
||||
background-position: 40% 50%;
|
||||
|
||||
caret-color: $onBackground;
|
||||
|
||||
selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.powerview-search-result:focus {
|
||||
color: $onPrimaryContainer;
|
||||
// background-position: 65% 50%;
|
||||
background-color: mix($background, $primaryContainer, 90%);
|
||||
selection {
|
||||
color: $onPrimaryContainer;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.powerview-search-result:active {
|
||||
color: $onPrimaryContainer;
|
||||
// background-color: $secondaryContainer;
|
||||
// background-position: 100% 50%;
|
||||
background-color: mix($background, $primaryContainer, 90%);
|
||||
selection {
|
||||
color: $onPrimaryContainer;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-result-icon {
|
||||
// background-color: $secondaryContainer;
|
||||
border-radius: 18px;
|
||||
min-height: 51px;
|
||||
min-width: 51px;
|
||||
margin: 0px 5px;
|
||||
}
|
||||
|
||||
.powerview-info {
|
||||
padding: 15px;
|
||||
}
|
||||
Executable
+669
@@ -0,0 +1,669 @@
|
||||
$bgdetail: $onSecondary;
|
||||
$bgdetail2: $onTertiary;
|
||||
|
||||
.sidebar-bg {
|
||||
@include bar-rounding;
|
||||
@include window-shadow;
|
||||
background-color: $background;
|
||||
}
|
||||
|
||||
.sidebar-bg-pad {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.sidebar-content {
|
||||
@include mainfont;
|
||||
margin: 10px 20px;
|
||||
}
|
||||
|
||||
.sidebar-notification {
|
||||
@include mainfont;
|
||||
margin: 10px 15px;
|
||||
}
|
||||
|
||||
.sidebar-notif-appname {
|
||||
@include mainfont;
|
||||
color: $primary;
|
||||
font-size: 12pt;
|
||||
text-shadow: 0px 0px 2px mix($primary, rgba(0, 0, 0, 0), 80%);
|
||||
}
|
||||
|
||||
.sidebar-notif-decor-left {
|
||||
margin-left: 5px;
|
||||
min-width: 8px;
|
||||
border-bottom-left-radius: 99px;
|
||||
border-left: 2px solid $primary;
|
||||
border-bottom: 2px solid $primary;
|
||||
}
|
||||
|
||||
.sidebar-notif-summary {
|
||||
@include mainfont;
|
||||
color: $onBackground;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.sidebar-notif-body {
|
||||
@include mainfont;
|
||||
@include subtext;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.sidebar-section-title {
|
||||
margin: 15px;
|
||||
padding: 5px;
|
||||
border-radius: 13px;
|
||||
color: $onPrimaryContainer;
|
||||
background-color: mix($background, rgba(0, 0, 0, 0), 50%);
|
||||
}
|
||||
|
||||
.sidebar-section-title-icon {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.sidebar-section-title-text {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.sidebar-calendar-btn {
|
||||
@include mainfont;
|
||||
font-size: 12pt;
|
||||
font-weight: 500;
|
||||
min-height: 30px;
|
||||
min-width: 30px;
|
||||
margin: 1px;
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.sidebar-calendar-txt {
|
||||
border-radius: 99px;
|
||||
font-size: 12pt;
|
||||
@include mainfont;
|
||||
font-weight: 500;
|
||||
min-height: 30px;
|
||||
min-width: 30px;
|
||||
margin: 3px;
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.day-1 {
|
||||
@include greyed;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.day0 {
|
||||
background-color: transparent;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.day-1:hover {
|
||||
background-color: rgba(75, 75, 75, 0.5);
|
||||
}
|
||||
|
||||
.day0:hover {
|
||||
background-color: rgba(75, 75, 75, 0.5);
|
||||
}
|
||||
|
||||
.day-1:active {
|
||||
background-color: tint(rgba(75, 75, 75, 0.5), 10%);
|
||||
}
|
||||
|
||||
.day0:active {
|
||||
background-color: tint(rgba(75, 75, 75, 0.5), 10%);
|
||||
}
|
||||
|
||||
.day1 {
|
||||
background-color: $primary;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.day1:hover {
|
||||
background-color: tint($primary, 10%);
|
||||
}
|
||||
|
||||
.day1:active {
|
||||
background-color: tint($primary, 20%);
|
||||
}
|
||||
|
||||
.sidebar-section-title-btn {
|
||||
min-width: 28px;
|
||||
min-height: 28px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.sidebar-section-title-btn:hover {
|
||||
background-color: $onPrimary;
|
||||
}
|
||||
|
||||
.sidebar-section-title-btn:active {
|
||||
background-color: shade($onPrimary, 30%);
|
||||
}
|
||||
|
||||
.sidebar-box {
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sidebar-box-title {
|
||||
color: $onBackground;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.sidebar-todo-item {
|
||||
margin: 0 5px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.sidebar-todo-btn {
|
||||
min-width: 28px;
|
||||
min-height: 28px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.sidebar-todo-btn:hover {
|
||||
background-color: $onPrimary;
|
||||
}
|
||||
|
||||
.sidebar-todo-btn:active {
|
||||
background-color: shade($onPrimary, 30%);
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle {
|
||||
margin: 15px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-btn {
|
||||
border-radius: 13px;
|
||||
background-color: mix($secondaryContainer, rgba(0,0,0,0), 80%);
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-btn:hover {
|
||||
background-color: tint($secondaryContainer, 10%);
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-btn:active {
|
||||
background-color: tint($secondaryContainer, 20%);
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-btn-active {
|
||||
border-radius: 13px;
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-btn-active:hover {
|
||||
background-color: tint($primary, 10%);
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-btn-active:active {
|
||||
background-color: tint($primary, 20%);
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-btn-left {
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-btn-right {
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-power-optn:hover {
|
||||
:first-child {
|
||||
background-color: tint($secondaryContainer, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-power-optn:active {
|
||||
:first-child {
|
||||
background-color: tint($secondaryContainer, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-power-icon {
|
||||
border-radius: 13px;
|
||||
min-width: 40px;
|
||||
min-height: 40px;
|
||||
margin-bottom: -1px;
|
||||
margin: 5px;
|
||||
@include icon-material;
|
||||
font-size: 17pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.sidebar-quicktoggle-slider {
|
||||
border-radius: 99px;
|
||||
margin: 20px;
|
||||
transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
|
||||
trough {
|
||||
min-height: 3px;
|
||||
min-width: 60px;
|
||||
border-radius: 99px;
|
||||
background-color: $surface;
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 3px;
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
slider {
|
||||
min-width: 5px;
|
||||
margin: -8px;
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-music-box {
|
||||
margin: 15px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.sidebar-music-thumbnail {
|
||||
border-radius: 13px;
|
||||
|
||||
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,
|
||||
;
|
||||
}
|
||||
|
||||
.sidebar-music-vignette {
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.sidebar-music-source {
|
||||
@include icon-nerd;
|
||||
font-size: 25pt;
|
||||
margin: 0 20px;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-music-output {
|
||||
@include mainfont;
|
||||
border-radius: 13px;
|
||||
font-size: 12pt;
|
||||
margin: 15px 15px;
|
||||
padding: 5px 15px;
|
||||
color: $onPrimary;
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.sidebar-music-title {
|
||||
@include mainfont;
|
||||
font-size: 15pt;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-music-artist {
|
||||
@include mainfont;
|
||||
font-size: 13pt;
|
||||
color: $overlay0;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-music-playbtn {
|
||||
min-width: 60px;
|
||||
min-height: 60px;
|
||||
margin: 15px;
|
||||
@include icon-material;
|
||||
border-radius: 20px;
|
||||
font-size: 16pt;
|
||||
color: $inverseOnSurface;
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.sidebar-music-trackbtn {
|
||||
@include icon-material;
|
||||
font-size: 18pt;
|
||||
margin: 15px;
|
||||
border-radius: 13px;
|
||||
min-width: 35px;
|
||||
min-height: 35px;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-music-trackbtn:hover {
|
||||
background-color: tint($overlay0, 30%);
|
||||
}
|
||||
|
||||
.sidebar-music-trackbtn:active {
|
||||
background-color: tint($overlay0, 50%);
|
||||
}
|
||||
|
||||
.sidebar-music-progress {
|
||||
min-height: 3px;
|
||||
min-width: 60px;
|
||||
border-radius: 99px;
|
||||
background-color: $surface;
|
||||
}
|
||||
|
||||
.sidebar-music-progress-btn {
|
||||
font-size: 16pt;
|
||||
margin-top: -4px;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-music-slider {
|
||||
border-radius: 9999px;
|
||||
margin: 20px;
|
||||
transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
|
||||
trough {
|
||||
min-height: 3px;
|
||||
min-width: 60px;
|
||||
border-radius: 99px;
|
||||
background-color: $surface;
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 3px;
|
||||
border-radius: 99px;
|
||||
background-color: shade($onBackground, 20%);
|
||||
transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
slider {
|
||||
min-width: 5px;
|
||||
margin: -8px;
|
||||
border-radius: 99px;
|
||||
background-color: shade($onBackground, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-quote {
|
||||
@include mainfont;
|
||||
padding: 10px;
|
||||
margin: 15px;
|
||||
border-radius: 13px;
|
||||
background-color: mix($secondaryContainer, rgba(0,0,0,0), 50%);
|
||||
}
|
||||
|
||||
.sidebar-brightness-progress {
|
||||
min-height: 3px;
|
||||
min-width: 60px;
|
||||
border-radius: 99px;
|
||||
background-color: $surface;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.sidebar-brightness-progress-btn {
|
||||
font-size: 16pt;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.sidebar-resource-pad {
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
.sidebar-resource-value {
|
||||
border-radius: 18px;
|
||||
padding: 10px;
|
||||
background-color: mix($secondaryContainer, rgba(0,0,0,0), 50%);
|
||||
}
|
||||
|
||||
.sidebar-resource-icon-large {
|
||||
@include icon-material;
|
||||
font-size: 23pt;
|
||||
}
|
||||
|
||||
.sidebar-resource-icon-small {
|
||||
@include icon-material;
|
||||
font-size: 16pt;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.sidebar-resource-icon-large-material {
|
||||
@include icon-material;
|
||||
font-size: 23pt;
|
||||
}
|
||||
|
||||
.sidebar-resource-circle {
|
||||
@include icon-material;
|
||||
font-size: 20pt;
|
||||
background-color: $surface;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.sidebar-resource-txt {
|
||||
padding: 0 5px;
|
||||
@include techfont;
|
||||
font-size: 14pt;
|
||||
background-color: $secondary;
|
||||
color: $onSecondary;
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.sidebar-resource-txt-small {
|
||||
padding: 0 5px;
|
||||
@include techfont;
|
||||
font-size: 11pt;
|
||||
background-color: $secondary;
|
||||
color: $onSecondary;
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.sidebar-resource-prog {
|
||||
min-height: 5px;
|
||||
padding: 0px;
|
||||
border-radius: 99px;
|
||||
|
||||
trough {
|
||||
min-height: 5px;
|
||||
min-width: 60px;
|
||||
border-radius: 99px;
|
||||
background-color: $surface;
|
||||
}
|
||||
|
||||
progress {
|
||||
min-height: 5px;
|
||||
min-width: 4px;
|
||||
border-radius: 99px;
|
||||
border-radius: 99px;
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-favourite-pad {
|
||||
@include mainfont;
|
||||
margin: 15px -5px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-scrollbg {
|
||||
margin: 5px 20px;
|
||||
// margin-right: 0px;
|
||||
min-width: 555px;
|
||||
}
|
||||
|
||||
.sidebar-waifu-scrollbg {
|
||||
margin: 5px 20px;
|
||||
min-width: 555px;
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle {
|
||||
border-radius: 18px;
|
||||
background-color: mix($secondaryContainer, rgba(0,0,0,0), 50%);
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-icon {
|
||||
@include icon-material;
|
||||
font-size: 35pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-icon-material {
|
||||
@include icon-material;
|
||||
font-size: 26pt;
|
||||
margin-left: 2px;
|
||||
margin-right: -2px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-icon-0 {
|
||||
color: tint($onPrimary, 40%);
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-icon-1 {
|
||||
color: $primary;
|
||||
text-shadow: 0px 0px 2px mix($primary, rgba(0, 0, 0, 0), 80%);
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-name {
|
||||
@include mainfont;
|
||||
color: $onPrimaryContainer;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-onoff {
|
||||
border-radius: 99px;
|
||||
transition: 0ms linear;
|
||||
padding: 2px 5px;
|
||||
min-width: 35px;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-onoff-0 {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-onoff-1 {
|
||||
background-color: $primary;
|
||||
box-shadow: 0px 0px 3px mix($primary, rgba(0, 0, 0, 0), 80%);
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-summary {
|
||||
background-color: rgba(11, 11, 11, 0.5);
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.sidebar-hyprtoggle-summary-txt {
|
||||
@include techfont;
|
||||
margin: 15px;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.sidebar-waifu-tag {
|
||||
@include mainfont;
|
||||
font-size: 12pt;
|
||||
border-radius: 13px;
|
||||
padding: 5px 10px;
|
||||
margin: 0px 2px;
|
||||
min-height: 20px;
|
||||
background-color: mix($secondaryContainer, rgba(0,0,0,0), 80%);
|
||||
box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.5);
|
||||
}
|
||||
|
||||
.sidebar-waifu-tag:hover {
|
||||
background-color: tint($secondaryContainer, 10%);
|
||||
}
|
||||
|
||||
.sidebar-waifu-tag:active {
|
||||
background-color: tint($secondaryContainer, 20%);
|
||||
}
|
||||
|
||||
.sidebar-waifu-pic {
|
||||
background-color: transparent;
|
||||
border-radius: 18px;
|
||||
background-position: top center;
|
||||
}
|
||||
|
||||
.sidebar-waifu-pic-bg {
|
||||
background-color: white;
|
||||
border-radius: 19px;
|
||||
}
|
||||
|
||||
.sidebar-waifu-status {
|
||||
background-color: $onBackground;
|
||||
color: $background;
|
||||
border-bottom-left-radius: 20.72px;
|
||||
border-bottom-right-radius: 20.72px;
|
||||
border: 1px solid $background;
|
||||
padding: 5.456px;
|
||||
margin-top: 16.368px;
|
||||
}
|
||||
|
||||
|
||||
.sidebar-todo-box {
|
||||
border-radius: 15px;
|
||||
background-color: mix($secondaryContainer, rgba(0,0,0,0), 80%);
|
||||
}
|
||||
|
||||
.sidebar-optn-icon {
|
||||
@include icon-material;
|
||||
font-size: 22pt;
|
||||
margin: -10px 0px;
|
||||
}
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
.supercontext-bg {
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.supercontext-btn {
|
||||
// border-radius: 99px;
|
||||
// background: red;
|
||||
}
|
||||
|
||||
.supercontext-btn-icon {
|
||||
@include icon-material;
|
||||
font-size: 25pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.supercontext-btn-num {
|
||||
@include mainfont;
|
||||
font-size: 25pt;
|
||||
color: $onBackground;
|
||||
}
|
||||
@@ -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: [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-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,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #330b46;
|
||||
$colorbg: rgba(51,11,70,0.75);
|
||||
$colortext: #cb77b8;
|
||||
$color0: #D4226E;
|
||||
$color1: #F32563;
|
||||
$color2: #F12564;
|
||||
$color3: #F32564;
|
||||
$color4: #F92764;
|
||||
$color5: #970087;
|
||||
$color6: #cb77b8;
|
||||
$color7: #F32564;
|
||||
@@ -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,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #073A42;
|
||||
$colorbg: rgba(7,58,66,0.75);
|
||||
$colortext: #86d7d3;
|
||||
$color0: #128D91;
|
||||
$color1: #269F9B;
|
||||
$color2: #12A39C;
|
||||
$color3: #159CA2;
|
||||
$color4: #15ADAB;
|
||||
$color5: #15C6B8;
|
||||
$color6: #86d7d3;
|
||||
$color7: #159CA2;
|
||||
@@ -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,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/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: #222322;
|
||||
$colorbg: rgba(34,35,34,0.75);
|
||||
$colortext: #e8e0e5;
|
||||
$color0: #A494A5;
|
||||
$color1: #D3A8AB;
|
||||
$color2: #EAD7AF;
|
||||
$color3: #A5ACD0;
|
||||
$color4: #D4B6CF;
|
||||
$color5: #96D7F2;
|
||||
$color6: #e8e0e5;
|
||||
$color7: #A5ACD0;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #000000;
|
||||
$colorbg: rgba(0,0,0,0.7);
|
||||
$colortext: #ebe9e4;
|
||||
$color0: #727085;
|
||||
$color1: #019DB5;
|
||||
$color2: #0CA6B6;
|
||||
$color3: #5BB8B8;
|
||||
$color4: #04A2C9;
|
||||
$color5: #BAC5AC;
|
||||
$color6: #ebe9e4;
|
||||
$color7: #5BB8B8;
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://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,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/v3JExHpJ09s/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAsQ6siv_HQMVyJmfFx_WoSo-ZHkA
|
||||
$colorbarbg: #240440;
|
||||
$colorbg: rgba(36,4,64,0.75);
|
||||
$colortext: #ecdfed;
|
||||
$color0: #AC16C7;
|
||||
$color1: #B117DF;
|
||||
$color2: #8701E7;
|
||||
$color3: #C53CC3;
|
||||
$color4: #D526D7;
|
||||
$color5: #D5A2DA;
|
||||
$color6: #ecdfed;
|
||||
$color7: #C53CC3;
|
||||
@@ -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,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/5kJFLc58nWo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCwudZBZijm8By6VI7WSUnLSlh2gA
|
||||
$colorbarbg: #0e1521;
|
||||
$colorbg: rgba(14,21,33,0.75);
|
||||
$colortext: #eedee7;
|
||||
$color0: #DF7091;
|
||||
$color1: #7486A9;
|
||||
$color2: #9E92AE;
|
||||
$color3: #CEA3B6;
|
||||
$color4: #B1ABC6;
|
||||
$color5: #D8B4CC;
|
||||
$color6: #eedee7;
|
||||
$color7: #CEA3B6;
|
||||
@@ -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,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/knIdltn-uf4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLADTZm2jBfLCa2JY3aoHG9fNviejQ
|
||||
$colorbarbg: #090f19;
|
||||
$colorbg: rgba(9,15,25,0.75);
|
||||
$colortext: #c6e5ea;
|
||||
$color0: #587192;
|
||||
$color1: #6094A6;
|
||||
$color2: #5CAAD1;
|
||||
$color3: #53BCD5;
|
||||
$color4: #9A9FA6;
|
||||
$color5: #AABDC2;
|
||||
$color6: #c6e5ea;
|
||||
$color7: #53BCD5;
|
||||
@@ -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,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/cyFL7KJGcC0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD2KimuXxcvovdtjbcANlLWcypN2A
|
||||
$colorbarbg: #270f25;
|
||||
$colorbg: rgba(39,15,37,0.75);
|
||||
$colortext: #e2dfe0;
|
||||
$color0: #7A5592;
|
||||
$color1: #990297;
|
||||
$color2: #E601AA;
|
||||
$color3: #BA1DC7;
|
||||
$color4: #7B8280;
|
||||
$color5: #B1A3A4;
|
||||
$color6: #e2dfe0;
|
||||
$color7: #BA1DC7;
|
||||
@@ -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,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #111421;
|
||||
$colorbg: rgba(17,20,33,0.75);
|
||||
$colortext: #efe2e2;
|
||||
$color0: #EC6E70;
|
||||
$color1: #A07A85;
|
||||
$color2: #A9A0A9;
|
||||
$color3: #F18D8C;
|
||||
$color4: #EBABAB;
|
||||
$color5: #EADADC;
|
||||
$color6: #efe2e2;
|
||||
$color7: #F18D8C;
|
||||
@@ -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,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/TYMPpgRonQo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAaay-LobzXjEY4nR6cRMzjWXPzKA
|
||||
$colorbarbg: #0F0A0B;
|
||||
$colorbg: rgba(15,10,11,0.75);
|
||||
$colortext: #b1babe;
|
||||
$color0: #4D4658;
|
||||
$color1: #52546E;
|
||||
$color2: #656376;
|
||||
$color3: #A1D51C;
|
||||
$color4: #B4D655;
|
||||
$color5: #616A86;
|
||||
$color6: #b1babe;
|
||||
$color7: #A1D51C;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/HQnC1UHBvWA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDHErZfzFhJMeje_Tbpc7nZgAn7Bw
|
||||
$colorbarbg: #10212e;
|
||||
$colorbg: rgba(16,33,46,0.75);
|
||||
$colortext: #efeac9;
|
||||
$color0: #50B6A3;
|
||||
$color1: #15E09E;
|
||||
$color2: #04F3B2;
|
||||
$color3: #0BFCCB;
|
||||
$color4: #2BFAD4;
|
||||
$color5: #AFBE9F;
|
||||
$color6: #efeac9;
|
||||
$color7: #0BFCCB;
|
||||
@@ -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;
|
||||
@@ -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: #1f1207;
|
||||
$colorbg: rgba(31,18,7,0.75);
|
||||
$colortext: #cad7db;
|
||||
$color0: #AF8D61;
|
||||
$color1: #CEB153;
|
||||
$color2: #D99C69;
|
||||
$color3: #7B8387;
|
||||
$color4: #E4A794;
|
||||
$color5: #EFD69C;
|
||||
$color6: #cad7db;
|
||||
$color7: #7B8387;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #020408;
|
||||
$colorbg: rgba(2,4,8,0.7);
|
||||
$colortext: #96e7cb;
|
||||
$color0: #2A6D69;
|
||||
$color1: #4A736A;
|
||||
$color2: #1C8E6F;
|
||||
$color3: #56A264;
|
||||
$color4: #8EA36F;
|
||||
$color5: #28A58C;
|
||||
$color6: #96e7cb;
|
||||
$color7: #56A264;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vh98Q4s3QFJT23EV-FvvRqg-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0a0115;
|
||||
$colorbg: rgba(10,1,21,0.7);
|
||||
$colortext: #a5e7ec;
|
||||
$color0: #265B9D;
|
||||
$color1: #5363A2;
|
||||
$color2: #416BCC;
|
||||
$color3: #9763B1;
|
||||
$color4: #2FAAC9;
|
||||
$color5: #5DA2D9;
|
||||
$color6: #a5e7ec;
|
||||
$color7: #9763B1;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #050908;
|
||||
$colorbg: rgba(5,9,8,0.7);
|
||||
$colortext: #e6eee7;
|
||||
$color0: #BDB85E;
|
||||
$color1: #376993;
|
||||
$color2: #639B9B;
|
||||
$color3: #43B9BF;
|
||||
$color4: #09ABE4;
|
||||
$color5: #ADCBBD;
|
||||
$color6: #e6eee7;
|
||||
$color7: #43B9BF;
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user