forked from Shinonome/dots-hyprland
stuff
This commit is contained in:
end-4
Executable
+37
@@ -0,0 +1,37 @@
|
||||
.bg-decor-dow {
|
||||
margin-top: 450px;
|
||||
font-family: 'Rubik';
|
||||
font-size: 64pt;
|
||||
color : rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.bg-decor-date {
|
||||
font-family: 'Rubik';
|
||||
font-size: 26pt;
|
||||
color : rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.bg-decor-input-left {
|
||||
border-top-left-radius: 999px;
|
||||
border-bottom-left-radius: 999px;
|
||||
margin-top: 30px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-size: 15pt;
|
||||
min-height: 50px;
|
||||
background-color : rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.bg-decor-input-right {
|
||||
border-top-right-radius: 999px;
|
||||
border-bottom-right-radius: 999px;
|
||||
margin-top: 30px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
// padding-top: 5px;
|
||||
// padding-bottom: 5px;
|
||||
font-size: 15pt;
|
||||
min-height: 50px;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color : rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
Executable
+45
@@ -0,0 +1,45 @@
|
||||
.calendar-win {
|
||||
@include window;
|
||||
background-color: $colorbg;
|
||||
border: 3px solid $colortext;
|
||||
color: $colortext;
|
||||
padding: .2em;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
calendar {
|
||||
|
||||
:selected {
|
||||
color: $colortext;
|
||||
font-weight: bolder;
|
||||
background-color: $overlay0;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.header {
|
||||
color: $colortext;
|
||||
margin: 15px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: $color0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.button {
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
:indeterminate {
|
||||
color: $overlay0;
|
||||
}
|
||||
}
|
||||
|
||||
.date-clock{
|
||||
font-family: 'Rubik';
|
||||
background: transparent;
|
||||
color: $colorbar;
|
||||
padding-left: 13px;
|
||||
padding-right: 13px;
|
||||
}
|
||||
Executable
+74
@@ -0,0 +1,74 @@
|
||||
|
||||
|
||||
$rosewater: #f5e0dc;
|
||||
$flamingo: #f2cdcd;
|
||||
$pink: #f5c2e7;
|
||||
$mauve: #cba6f7;
|
||||
$red: #f38ba8;
|
||||
// $red: #EF738A;
|
||||
$maroon: #eba0ac;
|
||||
$peach: #fab387;
|
||||
$yellow: #f9e2af;
|
||||
$green: #a6e3a1;
|
||||
$teal: #94e2d5;
|
||||
$sky: #89dceb;
|
||||
$sapphire: #74c7ec;
|
||||
$blue: #89b4fa;
|
||||
$lavender: #b4befe;
|
||||
$true: #EF738A;
|
||||
$false: #A9B1D6;
|
||||
|
||||
|
||||
$forestgreen: #A8B468;
|
||||
$forestyellow : #8e8370;
|
||||
$foresttext : #d3c6ab;
|
||||
$forestblack : #1e201f;
|
||||
$forestred : #e76c69;
|
||||
$forestpink : #d698b5;
|
||||
$forestorange : #e59576;
|
||||
$forestgray : #75817b;
|
||||
$forestgraylight: #495156;
|
||||
$forestgreendark: #7fba90;
|
||||
$forestblue: #77AEA7;
|
||||
|
||||
$tokyobluedark: #1A1B26;
|
||||
$tokyobluelessdark: #1f212e;
|
||||
$tokyotext: #a9b1d6;
|
||||
$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
|
||||
$tokyored: #EF738A;
|
||||
$tokyoorange: #FF9E64;
|
||||
$tokyoyellow: #E0AF68;
|
||||
$tokyogreen: #9ECE6A;
|
||||
$tokyoturquoise: #73daca;
|
||||
$tokyoice: #b4f9f8;
|
||||
$tokyocyan: #0DB9D7;
|
||||
$tokyoblue: #7AA2F7;
|
||||
$tokyopurple: #9778D0;
|
||||
$tokyogrey: #444B6A;
|
||||
$catbg: #1E1E2E;
|
||||
|
||||
$text: $tokyotext;
|
||||
$subtext1: #868dac;
|
||||
$subtext0: #a6adc8;
|
||||
$overlay2: #9399b2;
|
||||
$overlay1: #7f849c;
|
||||
$overlay0: rgba(87, 91, 110, 0.5);
|
||||
|
||||
$surface2: rgba(88, 91, 112, 0.7);
|
||||
$surface1: rgba(69, 71, 90, 0.7);
|
||||
|
||||
$light0: rgba(255, 255, 255, 0.3);
|
||||
|
||||
|
||||
$base: #1E201F;
|
||||
$mantle: #181825;
|
||||
$crust: #121415;
|
||||
|
||||
$fg: $tokyotext;
|
||||
$bg: #171726;
|
||||
$barbg: #131426;
|
||||
$shadow: $crust;
|
||||
|
||||
// $battcolor: $tokyogreen;
|
||||
// $memcolor: $tokyoorange;
|
||||
// $cpucolor: $tokyoblue;
|
||||
Executable
+14
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #000000;
|
||||
$colorbg: rgba(0,0,0,0.7);
|
||||
$colortext: #ebe9e4;
|
||||
$color0: #727085;
|
||||
$color1: #019DB5;
|
||||
$color2: #0CA6B6;
|
||||
$color3: #5BB8B8;
|
||||
$color4: #04A2C9;
|
||||
$color5: #BAC5AC;
|
||||
$color6: #ebe9e4;
|
||||
$color7: #5BB8B8;
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #090727;
|
||||
$colorbg: rgba(9,7,39,0.7);
|
||||
$colortext: #e1e4f1;
|
||||
$color0: #926AC9;
|
||||
$color1: #2994E6;
|
||||
$color2: #5E9EE8;
|
||||
$color3: #5BC3E9;
|
||||
$color4: #9EA8E4;
|
||||
$color5: #AEC4E9;
|
||||
$color6: #e1e4f1;
|
||||
$color7: #5BC3E9;
|
||||
Executable
+11
@@ -0,0 +1,11 @@
|
||||
$colorbg: #0f0e11; //Get from color0
|
||||
$colortext: white; //Get from color4
|
||||
$color0: #8C66FF;
|
||||
$color1: #CC3378;
|
||||
$color2: #5933CC;
|
||||
$color3: #EEAA00;
|
||||
$color4: white;
|
||||
$color5: white;
|
||||
$color6: white;
|
||||
$color7: white; //Get from color4 (border)
|
||||
$colormusic: white;
|
||||
Executable
+234
@@ -0,0 +1,234 @@
|
||||
.dash-window {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.dash-title {
|
||||
color: $color0;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.dash-subtitle {
|
||||
color: $color5;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.dash {
|
||||
min-height: 50px;
|
||||
min-width: 50px;
|
||||
background-color: $colorbarbg;
|
||||
border-radius: 15px;
|
||||
padding: 20px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.dash-profile {
|
||||
min-width: 300px;
|
||||
min-height: 228px;
|
||||
}
|
||||
|
||||
.dash-user-pic {
|
||||
margin: 20px;
|
||||
min-width: 150px;
|
||||
min-height: 150px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
border-radius: 1500px;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.dash-fetch {
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
}
|
||||
.dash-fetch-icon {
|
||||
color: $colortext;
|
||||
font-size: 16pt;
|
||||
margin: 3px;
|
||||
font-family: Material Symbols Outlined;
|
||||
}
|
||||
|
||||
.dash-fetch-icon-nerd {
|
||||
color: $colortext;
|
||||
font-size: 16pt;
|
||||
margin: 3px;
|
||||
font-family: JetBrainsMono Nerd Font Regular;
|
||||
}
|
||||
|
||||
.dash-icon {
|
||||
font-size: 24pt;
|
||||
font-weight: bold;
|
||||
font-family: Material Symbols Outlined;
|
||||
}
|
||||
|
||||
.dash-button {
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.dash-button:hover {
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
}
|
||||
.dash-button:focus {
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
}
|
||||
|
||||
.dash-button:active {
|
||||
background-color: tint($colorbarbg, 20%);
|
||||
}
|
||||
|
||||
.dash-quote-content {
|
||||
margin: 2px;
|
||||
color: $colortext;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.dash-quote-author {
|
||||
margin: 2px;
|
||||
color: $colortext;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.dash-tile {
|
||||
min-width: 800px;
|
||||
}
|
||||
|
||||
.dash-input-icon {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
min-width: 30px;
|
||||
margin: -5px;
|
||||
margin-left: 15px;
|
||||
background-color: $colorbarbg;
|
||||
border: 2px solid tint($colorbarbg, 10%);
|
||||
border-radius: 10px;
|
||||
color: $colortext;
|
||||
font-size: 19pt;
|
||||
}
|
||||
|
||||
.dash-input {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
min-width: 860px;
|
||||
margin: -5px;
|
||||
background-color: $colorbarbg;
|
||||
border: 2px solid tint($colorbarbg, 10%);
|
||||
border-radius: 10px;
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.dash-time {
|
||||
color: $color0;
|
||||
font-size: 35pt;
|
||||
}
|
||||
|
||||
.dash-date {
|
||||
color: $color0;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.dash-clock-text-area {
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.dash-clock-circle-area {
|
||||
// margin-left: 10px;
|
||||
}
|
||||
|
||||
.dash-clock-circle {
|
||||
background-color: $surface0;
|
||||
}
|
||||
|
||||
.dash-clock-inner {
|
||||
padding: 36px;
|
||||
}
|
||||
|
||||
.dash-clock-circle-minute {
|
||||
margin: 10px;
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.dash-debug-area {
|
||||
background-color: rgba(214, 28, 50, 0.3);
|
||||
}
|
||||
|
||||
.dash-dir-area {
|
||||
min-width: 198px;
|
||||
}
|
||||
|
||||
.dash-dir {
|
||||
font-size: 15pt;
|
||||
padding: 10px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.dash-resources {
|
||||
min-width: 198px;
|
||||
min-height: 122px;
|
||||
}
|
||||
|
||||
.dash-resouce-icon {
|
||||
font-size: 99pt;
|
||||
}
|
||||
|
||||
.dash-resource-inner {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.dash-resource-text {
|
||||
font-size: 15pt;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.dash-resource-title {
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.dash-resource-tile {
|
||||
// background-color: tint($colorbarbg, 20%);
|
||||
border-radius: 12px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
padding-top: 11px;
|
||||
// padding: 15px;
|
||||
}
|
||||
|
||||
.clrt {
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.clr0 {
|
||||
color: $color0;
|
||||
}
|
||||
|
||||
.clr1 {
|
||||
color: $color1;
|
||||
}
|
||||
|
||||
.clr2 {
|
||||
color: $color2;
|
||||
}
|
||||
|
||||
.clr3 {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.clr4 {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.clr5 {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.clr6 {
|
||||
color: $color6;
|
||||
}
|
||||
|
||||
.clr7 {
|
||||
color: $color7;
|
||||
}
|
||||
Executable
Executable
+1
@@ -0,0 +1 @@
|
||||
#ebe9e4
|
||||
+1
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
Executable
+226
@@ -0,0 +1,226 @@
|
||||
.music-area {
|
||||
}
|
||||
|
||||
.song-cover-art {
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
margin: 4px 5px 4px 0;
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
}
|
||||
|
||||
.music-window {
|
||||
background-color: $colorbarbg;
|
||||
border: 3px solid;
|
||||
color: $colortext;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.music-cover-art {
|
||||
background-color: transparent;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("eww_covers/cover_art_default");
|
||||
background-position: 50% 15%;
|
||||
// border-radius: 5px;
|
||||
// margin: 1em;
|
||||
// min-height: 200px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.music-box {
|
||||
padding-top: 24px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
.music-title-bar {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik';
|
||||
min-height: 30px;
|
||||
font-size: 19pt;
|
||||
color: $colormusic;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.music-title {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik';
|
||||
min-height: 38px;
|
||||
font-size: 19pt;
|
||||
color: $colormusic;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.music-title-hover {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik';
|
||||
font-size: 19pt;
|
||||
color: $colortext;
|
||||
background-color: $overlay0;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.music-artist {
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
min-height: 25px;
|
||||
}
|
||||
|
||||
.music-button label {
|
||||
font-family: 'Material Symbols Outlined';
|
||||
// color: $text;
|
||||
font-size: 2rem;
|
||||
font-family: SF Mono Nerd Font;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.music-time {
|
||||
font-family: 'Rubik';
|
||||
color: $color1;
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
.music-bar scale {
|
||||
font-family: 'Material Symbols Outlined';
|
||||
font-family: SF Mono Nerd Font;
|
||||
|
||||
highlight {
|
||||
background-color: $color1;
|
||||
}
|
||||
|
||||
trough {
|
||||
background-color: $surface0;
|
||||
min-height: 10px;
|
||||
min-width: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.music-ctl {
|
||||
// border-radius: 0px;
|
||||
color: $color1;
|
||||
// padding-right: 10px;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.music-ctl-revealer {
|
||||
// transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
|
||||
}
|
||||
|
||||
.music-ctl-revealer-false {
|
||||
// padding-left: 10px;
|
||||
}
|
||||
|
||||
.music-ctl-revealer-true {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.music-media-source {
|
||||
min-width: 40px;
|
||||
min-height: 20px;
|
||||
padding-left: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.music-media-source-wedge {
|
||||
border-left: 29px solid rgba(0, 0, 0, 0.6);
|
||||
border-bottom: 29px solid transparent;
|
||||
}
|
||||
|
||||
.music-source-icon {
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 16pt;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.song-button {
|
||||
color: $colortext;
|
||||
// border-radius: 9999px;
|
||||
margin: 3px 3px;
|
||||
min-width: 58px;
|
||||
font-size: 36pt;
|
||||
}
|
||||
.song-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.music-button-box {
|
||||
font-family: 'Material Symbols Outlined';
|
||||
color: $colortext;
|
||||
min-width: 160px;
|
||||
margin-top: 2px;
|
||||
padding-bottom: 0px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.osu-music-box-false {
|
||||
min-width: 75px;
|
||||
min-height: 32px;
|
||||
background-size: auto 65%;
|
||||
background-position: 35% 50%;
|
||||
// background-color: $colorbarbg;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.osu-music-box-true {
|
||||
min-width: 75px;
|
||||
min-height: 32px;
|
||||
background-size: auto 65%;
|
||||
background-position: 35% 50%;
|
||||
background-color: $overlay0;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.osu-music-box-dummy {
|
||||
min-width: 50px;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.osu-music-slider {
|
||||
margin-top: 9px;
|
||||
margin-bottom: 9px;
|
||||
min-height: 6px;
|
||||
padding-left: 13px;
|
||||
|
||||
trough {
|
||||
// border-radius: 9999px;
|
||||
background-color: #24222A;
|
||||
min-height: 6px;
|
||||
// margin-left: 32px;
|
||||
// margin-right: 32px;
|
||||
// min-width: 70px;
|
||||
min-width: 3px;
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 3px;
|
||||
// border-radius: 9999px;
|
||||
background-color: $colorbar;
|
||||
}
|
||||
}
|
||||
|
||||
.track-scale {
|
||||
// @include rounding;
|
||||
trough {
|
||||
// border-bottom-left-radius: 9999px;
|
||||
// border-bottom-right-radius: 9999px;
|
||||
background-color: $overlay0;
|
||||
min-height: 8px;
|
||||
// margin-left: 32px;
|
||||
// margin-right: 32px;
|
||||
// min-width: 70px;
|
||||
min-width: 3px;
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 8px;
|
||||
// border-bottom-left-radius: 9999px;
|
||||
// border-bottom-right-radius: 9999px;
|
||||
background-color: $color0;
|
||||
}
|
||||
}
|
||||
Executable
+87
@@ -0,0 +1,87 @@
|
||||
.notifications-box {
|
||||
// @include window;
|
||||
// padding: 1rem;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.notification {
|
||||
font-size: 12pt;
|
||||
font-family: 'Rubik';
|
||||
background-color: $surface0;
|
||||
// border-bottom: 3px solid $colorbg;
|
||||
padding: .7rem;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
// box {
|
||||
// margin-bottom: .5rem;
|
||||
// }
|
||||
|
||||
label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border: 3px solid $color7;
|
||||
}
|
||||
|
||||
.appname {
|
||||
font-size: 13pt;
|
||||
color: $color0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.summary {
|
||||
font-size: 13pt;
|
||||
color: $colortext;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.body {
|
||||
color: $colortext;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-bottomleft {
|
||||
border-top: 20px solid transparent;
|
||||
border-left: 20px solid tint($colorbarbg, 10%);
|
||||
}
|
||||
|
||||
// .container {
|
||||
// &:first-child {
|
||||
// border-radius: 8px 8px 0 0;
|
||||
// }
|
||||
|
||||
// ;
|
||||
|
||||
// &:last-child {
|
||||
// border-radius: 0 0 8px 8px;
|
||||
// }
|
||||
|
||||
// ;
|
||||
// }
|
||||
|
||||
.notification-header {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.notification-label {
|
||||
color: $colortext;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.notification-action {
|
||||
border-radius: 50%;
|
||||
margin-top: 33px;
|
||||
margin-bottom: 9px;
|
||||
padding: 0 .3rem;
|
||||
|
||||
label {
|
||||
color: $colortext;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $surface0;
|
||||
}
|
||||
}
|
||||
Executable
+43
@@ -0,0 +1,43 @@
|
||||
.osd-window {
|
||||
margin: 5px;
|
||||
border-radius: 9999px;
|
||||
min-width: 10px;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.osd-var {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
background-color: $colorbarbg;
|
||||
border-radius: 9999px;
|
||||
min-width: 100px;
|
||||
min-height: 37px;
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
.osd-circle {
|
||||
// margin-left: 14px;
|
||||
background-color: #5c5b5b;
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-incircle {
|
||||
font-size: 19pt;
|
||||
padding: 6px;
|
||||
font-family: "Material Symbols Outlined"; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-incircle-bright {
|
||||
font-size: 19pt;
|
||||
padding: 6px;
|
||||
font-family: "Material Symbols Outlined"; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-text {
|
||||
font-size: 15pt;
|
||||
font-family: 'Rubik'; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
padding-right: 5px;
|
||||
}
|
||||
Executable
+468
@@ -0,0 +1,468 @@
|
||||
$colorpanel: tint($colorbarbg, 10%);
|
||||
|
||||
.osettings-window {
|
||||
min-width: 529px;
|
||||
padding-top: 20px;
|
||||
background-color: $colorpanel;
|
||||
color: $colortext;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
}
|
||||
|
||||
.onotify-window {
|
||||
min-width: 529px;
|
||||
background-color: $colorpanel;
|
||||
color: $colortext;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
}
|
||||
|
||||
.osettings-separator {
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
min-height: 6px;
|
||||
margin-top: 27px;
|
||||
}
|
||||
|
||||
.osettings-content {
|
||||
// padding-top: 13px;
|
||||
padding-bottom: 10px;
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.osettings-heading {
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.osettings-title {
|
||||
padding-top: 28px;
|
||||
color: $colortext;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 30pt;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.osettings-subtitle {
|
||||
color: $color5;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 14pt;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.osettings-window-section {
|
||||
margin-top: 33px;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
.osettings-window-quick {
|
||||
border-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-session {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.osettings-window-mouse {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-appearance {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-gaps {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.osettings-window-hyperland {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-hyprland {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-calendar {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-secret {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-quick-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-session-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color4;
|
||||
}
|
||||
|
||||
.osettings-window-mouse-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-appearance-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-gaps-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color4;
|
||||
}
|
||||
|
||||
.osettings-window-hyperland-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-hyprland-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-calendar-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-secret-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-bottomright-cut {
|
||||
border-top: 27px solid transparent;
|
||||
border-right: 27px solid $colorpanel;
|
||||
}
|
||||
|
||||
.osettings-window-contents {
|
||||
margin: 5px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.osettings-section {
|
||||
color: $colorbarbg;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 20pt;
|
||||
padding-left: 10px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.osettings-section-baronly {
|
||||
color: $colorbarbg;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.osettings-section-textonly {
|
||||
color: $colorbarbg;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 20pt;
|
||||
padding-left: 10px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.osettings-section-quick {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-section-session {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.osettings-section-mouse {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-section-appearance {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-section-gaps {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.osettings-section-hyperland {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-section-hyprland {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-section-calendar {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-section-secret {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.onotify-window-volume {
|
||||
border-color: $color5;
|
||||
}
|
||||
|
||||
.onotify-window-resources {
|
||||
border-color: $color4;
|
||||
}
|
||||
|
||||
.onotify-window-notif {
|
||||
border-color: $color3;
|
||||
}
|
||||
|
||||
.onotify-section-volume {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.onotify-section-resources {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.onotify-section-notif {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-volume-bottomleft {
|
||||
border-top: 30px solid transparent;
|
||||
border-left: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-resources-bottomleft {
|
||||
border-top: 30px solid transparent;
|
||||
border-left: 30px solid $color4;
|
||||
}
|
||||
|
||||
.osettings-window-notif-bottomleft {
|
||||
border-top: 30px solid transparent;
|
||||
border-left: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-bottomleft-cut {
|
||||
border-top: 27px solid transparent;
|
||||
border-left: 27px solid $colorpanel;
|
||||
}
|
||||
|
||||
.osettings-text {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
// color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.osettings-btn-section {
|
||||
color: $colorpanel;
|
||||
font-size: 14pt;
|
||||
min-width: 31px;
|
||||
}
|
||||
|
||||
.osettings-btn-section:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.osettings-search {
|
||||
margin-left: 28px;
|
||||
margin-right: 28px;
|
||||
margin-top: 35px;
|
||||
background-color: $colorpanel;
|
||||
border: 2px solid $colortext;
|
||||
color: $colortext;
|
||||
// border-radius: 10px;
|
||||
font-size: 11pt;
|
||||
min-height: 45px;
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-search-text {
|
||||
color: $colortext;
|
||||
padding: 10px;
|
||||
font-size: 13pt;
|
||||
min-width: 420px;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.osettings-search-icon {
|
||||
background-color: $colortext;
|
||||
color: $colorpanel;
|
||||
padding: 6px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.osettings-scroll-bg {
|
||||
padding: 28px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.osettings-btn {
|
||||
// border-radius: 9999px;
|
||||
min-height: 50px;
|
||||
font-weight: normal;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.osettings-btn {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.osettings-btn-destructive {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.osettings-btn-neutral {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.osettings-btn-informative {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.osettings-btn-neutral:hover,
|
||||
.osettings-btn-neutral:focus {
|
||||
background-image: linear-gradient(to right, $color2 0%, $color4 50%);
|
||||
}
|
||||
|
||||
.osettings-btn-destructive:hover,
|
||||
.osettings-btn-destructive:focus {
|
||||
background-image: linear-gradient(to right, $color1 0%, $color3 50%);
|
||||
}
|
||||
|
||||
.osettings-btn-informative:hover,
|
||||
.osettings-btn-informative:focus {
|
||||
background-image: linear-gradient(to right, $color2 0%, $color4 50%);
|
||||
}
|
||||
|
||||
.rounder {
|
||||
// border-radius: 9999px;
|
||||
}
|
||||
|
||||
.osettings-slider {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
min-height: 6px;
|
||||
|
||||
trough {
|
||||
min-height: 6px;
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
slider {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
margin: -8px;
|
||||
}
|
||||
|
||||
slider:hover {
|
||||
background-color: $color6;
|
||||
}
|
||||
|
||||
// slider:focus {
|
||||
// background-color: $color4;
|
||||
// }
|
||||
}
|
||||
|
||||
.osettings-slider-3 {
|
||||
background-image: linear-gradient(to right, $color3 8px, $surface0 8px);
|
||||
highlight {
|
||||
background-color: $color3;
|
||||
}
|
||||
slider {
|
||||
background-color: $color3;
|
||||
}
|
||||
}
|
||||
.osettings-slider-4 {
|
||||
background-image: linear-gradient(to right, $color4 8px, $surface0 8px);
|
||||
highlight {
|
||||
background-color: $color4;
|
||||
}
|
||||
slider {
|
||||
background-color: $color4;
|
||||
}
|
||||
}
|
||||
.osettings-slider-5 {
|
||||
background-image: linear-gradient(to right, $color5 8px, $surface0 8px);
|
||||
highlight {
|
||||
background-color: $color5;
|
||||
}
|
||||
slider {
|
||||
background-color: $color5;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-slider-quick {
|
||||
highlight {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
slider {
|
||||
background-color: $color5;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-slider-mouse {
|
||||
highlight {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
slider {
|
||||
background-color: $color3;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-checkbox {
|
||||
// border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
border: 3px solid $color0;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox-1 {
|
||||
// border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: $color0;
|
||||
color: transparent;
|
||||
border: 3px solid;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox-0 {
|
||||
// border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
border: 3px solid $color0;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox:checked {
|
||||
// border-radius: 9999px;
|
||||
background-color: $color0;
|
||||
color: $color0;
|
||||
}
|
||||
Executable
+167
@@ -0,0 +1,167 @@
|
||||
.overview-window {
|
||||
@include window
|
||||
font-family: 'Rubik';
|
||||
border-radius: 22px;
|
||||
background-color: $colorbarbg;
|
||||
// background-color: transparent;
|
||||
// border: 3px solid $color0;
|
||||
//padding: 5px;
|
||||
}
|
||||
|
||||
.overview-window-title {
|
||||
font-size: 15pt;
|
||||
color: $colortext;
|
||||
border-radius: 15px;
|
||||
background-color: $surface0;
|
||||
margin: 4px;
|
||||
padding: 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.overview-window-top {
|
||||
@include rounding;
|
||||
background-color: transparent;
|
||||
border: 3px solid transparent;
|
||||
//padding: 5px;
|
||||
}
|
||||
|
||||
.overview-ws {
|
||||
border: 2px solid;
|
||||
border-radius: 15px;
|
||||
background-color: $surface0;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.overview-ws-true {
|
||||
color: $color3;
|
||||
}
|
||||
.overview-ws-false {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.overview-ws-window {
|
||||
border: 2px solid $color0;
|
||||
border-radius: 15px;
|
||||
background-color: $overlay0;
|
||||
// //margin: 3px;
|
||||
}
|
||||
|
||||
.overview-ws-window-content {
|
||||
border-radius: 11px;
|
||||
// background-color: rgba(135, 147, 163, 0.7);
|
||||
}
|
||||
|
||||
.overview-topbar-icon {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
margin: 5px;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.overview-topbar-button {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
margin: 5px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.overview-topbar-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.overview-icon {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.overview-background {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.overview-ws-text {
|
||||
//padding-left: 5px;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.overview-ws-subtext {
|
||||
//padding-left: 5px;
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.overview-ws-number {
|
||||
//Note: height 100px width 356px
|
||||
font-size: 25pt;
|
||||
border-radius: 11px;
|
||||
background-color: $overlay0;
|
||||
color: $colortext;
|
||||
//margin: 10px;
|
||||
min-height: 40px;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.overview-title {
|
||||
font-weight: bold;
|
||||
font-size: 15pt;
|
||||
//padding-top: .6rem;
|
||||
//padding-bottom: .6rem;
|
||||
}
|
||||
|
||||
.overview-search-area {
|
||||
|
||||
}
|
||||
|
||||
.overview-search-box {
|
||||
border-radius: 20px;
|
||||
border: 2px solid $colortext;
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
min-height: 45px;
|
||||
min-width: 400px;
|
||||
|
||||
margin: 20px 20px;
|
||||
padding: 2px 12px;
|
||||
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-box:focus {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.overview-results {
|
||||
// :first-child {
|
||||
// color: white;
|
||||
// background-image: linear-gradient(to right, $color0 0%, $color4 100%);
|
||||
// }
|
||||
}
|
||||
|
||||
.overview-search-result {
|
||||
border-radius: 20px;
|
||||
border: 2px solid;
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
min-height: 45px;
|
||||
min-width: 400px;
|
||||
padding: 2px 12px;
|
||||
margin: 0 5px;
|
||||
|
||||
caret-color: transparent;
|
||||
|
||||
selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-result:focus{
|
||||
color: white;
|
||||
background-image: linear-gradient(to right, $color0 0%, $color4 100%);
|
||||
}
|
||||
Executable
+174
@@ -0,0 +1,174 @@
|
||||
.system-menu-box {
|
||||
@include window;
|
||||
background-color: $colorbg;
|
||||
border: 3px solid $border;
|
||||
// color: $colortext;
|
||||
}
|
||||
|
||||
.separator {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
margin: 1rem 1.5rem 0;
|
||||
|
||||
.time {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.date-box {
|
||||
margin: 0 1rem;
|
||||
|
||||
label {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.date {
|
||||
background: unset;
|
||||
margin: 0 .5rem 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.system-row {
|
||||
font-family: 'Rubik';
|
||||
// margin: .5rem .7rem;
|
||||
margin-top: 20px;
|
||||
|
||||
.airplane-box button {
|
||||
padding: 1rem 3rem;
|
||||
}
|
||||
|
||||
.power-box button {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.element {
|
||||
font-family: 'Rubik';
|
||||
border: 2px solid $color5;
|
||||
background: $surface0;
|
||||
// margin: .3rem;
|
||||
margin: 5px;
|
||||
|
||||
button {
|
||||
@include rounding;
|
||||
padding: 1rem;
|
||||
|
||||
label {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $overlay0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.element-bottomleft {
|
||||
border-top: 23px solid transparent;
|
||||
border-left: 23px solid $color5;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.element-bottomleft-cut {
|
||||
border-top: 20px solid transparent;
|
||||
border-left: 20px solid $colorpanel;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.sliders {
|
||||
@include rounding;
|
||||
background-color: $surface0;
|
||||
margin: .5rem 1rem;
|
||||
padding: .6rem 1rem;
|
||||
|
||||
scale {
|
||||
margin-right: -1rem;
|
||||
min-width: 25.8rem;
|
||||
}
|
||||
scale trough {
|
||||
background-color: $bg1;
|
||||
border-radius: 24px;
|
||||
margin: 0 1rem;
|
||||
min-height: 10px;
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
box {
|
||||
margin: .2rem 0;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sliderbg {
|
||||
background-color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.volume-bar highlight {
|
||||
font-family: SF Mono Nerd Font;
|
||||
@include rounding;
|
||||
background: $color6;
|
||||
// background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
|
||||
}
|
||||
|
||||
.volume-slider-box scale highlight {
|
||||
@include rounding;
|
||||
background: $color6;
|
||||
// background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
|
||||
// border: 2px solid;
|
||||
min-height: 0.9rem;
|
||||
}
|
||||
|
||||
// .volume-slider-box scale {
|
||||
// @include rounding;
|
||||
// background-color: #1A1B26;
|
||||
// border: 2px solid;
|
||||
// }
|
||||
|
||||
.bottom-row {
|
||||
margin: .5rem 1rem;
|
||||
|
||||
.battery-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.battery-wattage {
|
||||
color: $color7;
|
||||
}
|
||||
|
||||
.battery-status {
|
||||
color: $colortext;
|
||||
margin: 0 .5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: $surface0;
|
||||
border-radius: 50%;
|
||||
margin-bottom: .1rem;
|
||||
padding: 0 .5rem;
|
||||
|
||||
label {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $overlay0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.power-button {
|
||||
min-height: 2.5rem;
|
||||
// min-width: 2.5rem;
|
||||
}
|
||||
Executable
+184
@@ -0,0 +1,184 @@
|
||||
.membar {
|
||||
color: $colorbar;
|
||||
}
|
||||
|
||||
.cpubar {
|
||||
color: $cpucolor;
|
||||
}
|
||||
|
||||
.batbar {
|
||||
color: $battcolor;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.cpubar-circle {
|
||||
color: $cpucolor;
|
||||
background-color: $surface1;
|
||||
}
|
||||
.membar-circle {
|
||||
color: $memcolor;
|
||||
background-color: $surface1;
|
||||
}
|
||||
.batbar-circle {
|
||||
color: $battcolor;
|
||||
background-color: $surface1;
|
||||
}
|
||||
|
||||
// .batbar-circle {
|
||||
// color: $battcolor;
|
||||
// padding-right: 4px;
|
||||
// }
|
||||
|
||||
// .membar,
|
||||
// .cpubar,
|
||||
// .batbar {
|
||||
// // background-color: transparent;
|
||||
// padding: 0px;
|
||||
// }
|
||||
|
||||
.membar:hover,
|
||||
.cpubar:hover,
|
||||
.batbar:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
|
||||
.batt-percentage {
|
||||
color: $battcolor;
|
||||
padding-right: 5px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.sys-menu-charge {
|
||||
padding-left: 2px;
|
||||
color: $colorbar;
|
||||
}
|
||||
|
||||
.iconmem {
|
||||
color: $memcolor;
|
||||
}
|
||||
|
||||
.iconcpu {
|
||||
color: $cpucolor;
|
||||
}
|
||||
|
||||
.icon-text {
|
||||
font-size: 3rem;
|
||||
padding: .7rem;
|
||||
}
|
||||
|
||||
.sys-text-sub {
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.sys-text-mem,
|
||||
.sys-text-cpu {
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sys-icon-mem,
|
||||
.sys-icon-cpu {
|
||||
font-size: 1.5rem;
|
||||
margin: 1.5rem;
|
||||
}
|
||||
|
||||
.system-info-box {
|
||||
@include rounding;
|
||||
background-color: $surface0;
|
||||
margin: .5rem 1rem;
|
||||
// padding: .5rem;
|
||||
}
|
||||
|
||||
.sys-mem,
|
||||
.sys-cpu {
|
||||
background-color: $colorbg;
|
||||
}
|
||||
|
||||
.sys-icon-mem,
|
||||
.sys-text-mem,
|
||||
.sys-mem {
|
||||
color: $memcolor;
|
||||
}
|
||||
|
||||
.sys-icon-cpu,
|
||||
.sys-text-cpu,
|
||||
.sys-cpu {
|
||||
color: $cpucolor;
|
||||
}
|
||||
|
||||
.sys-box {
|
||||
margin: .3em;
|
||||
|
||||
box {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cpu-menu {
|
||||
font-family: 'Rubik';
|
||||
color: $cpucolor;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.mem-menu {
|
||||
font-family: 'Rubik';
|
||||
color: $memcolor;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.mem-menu-left {
|
||||
color: $memcolor;
|
||||
padding-left: 5px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.mem-menu-mid {
|
||||
color: $memcolor;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.mem-menu-right {
|
||||
color: $memcolor;
|
||||
padding-left: 0px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.sys-menu {
|
||||
font-family: 'Rubik';
|
||||
color: $battcolor;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.sys-menu-button {
|
||||
color: $colorbar;
|
||||
margin: 0px;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
background-image: url("images/LinageSettings.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
// .volume-bar, .brightness-slider, .slider {
|
||||
// background-color: #16161E;
|
||||
// border: 2px solid #7C9FF5;
|
||||
// border-radius: 99px;
|
||||
// }
|
||||
|
||||
.sys-toggle {
|
||||
font-size: 3pt;
|
||||
}
|
||||
|
||||
.inside-circle {
|
||||
min-height: 27px;
|
||||
min-width: 27px;
|
||||
}
|
||||
|
||||
.sys-circle-inner {
|
||||
font-size: 15pt;
|
||||
padding: 5px;
|
||||
}
|
||||
Executable
+138
@@ -0,0 +1,138 @@
|
||||
.themer-button {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
background-image: url('images/svg/beatmappacks.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.themer-button-true {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
background-color: $overlay0;
|
||||
background-image: url('images/svg/beatmappacks.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.themer-button-false {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
background-image: url('images/svg/beatmappacks.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.themer-action-button {
|
||||
// @include rounding;
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
}
|
||||
|
||||
.themer-action-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.themer-action-button:active {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.themer-action-button:focus {
|
||||
border: 2px solid $overlay0;
|
||||
}
|
||||
|
||||
.themer-menu-box {
|
||||
// @include window;
|
||||
// @include rounding;
|
||||
// border-radius: 15px;
|
||||
background-color: tint($colorbarbg, 12.5%);
|
||||
margin: 14px;
|
||||
transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
.themer-title {
|
||||
font-family: 'Rubik';
|
||||
font-size: 15pt;
|
||||
padding: .6rem;
|
||||
color: $colortext;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.themer-prompt {
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
font-size: 12pt;
|
||||
padding: .6rem;
|
||||
}
|
||||
|
||||
.themer-input {
|
||||
font-family: 'Rubik';
|
||||
// background-color: $surface0;
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
color: $colortext;
|
||||
// border-radius: 10px;
|
||||
padding: 7px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
border: 2px solid $overlay0;
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.themer-input:focus {
|
||||
border: 2px solid $colortext;
|
||||
}
|
||||
|
||||
.themer-color-preview-section {
|
||||
@include rounding;
|
||||
}
|
||||
|
||||
.themer-color-preview {
|
||||
min-height: 25px;
|
||||
min-width: 25px;
|
||||
// border-radius: 5px;
|
||||
border-width: 55px;
|
||||
}
|
||||
|
||||
.preview-0 {
|
||||
background-color: $color0;
|
||||
}
|
||||
|
||||
.preview-1 {
|
||||
background-color: $color1;
|
||||
}
|
||||
|
||||
.preview-2 {
|
||||
background-color: $color2;
|
||||
}
|
||||
|
||||
.preview-3 {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.preview-4 {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.preview-5 {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.preview-6 {
|
||||
background-color: $color6;
|
||||
}
|
||||
|
||||
.preview-7 {
|
||||
background-color: $color7;
|
||||
}
|
||||
Executable
+29
@@ -0,0 +1,29 @@
|
||||
.vol-icon {
|
||||
color: $color6;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
// .vol-icon {
|
||||
// color: $tokyocyan;
|
||||
// padding-right: 2px;
|
||||
// }
|
||||
|
||||
.volbar highlight {
|
||||
background-image: linear-gradient(to right, $teal 30%, $sky 100%);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
.vol-menu {
|
||||
font-size: 1pt;
|
||||
color: $color6;
|
||||
padding-right: 2px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.vol-menu:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
.vol-icon:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
Executable
+55
@@ -0,0 +1,55 @@
|
||||
.winctl {
|
||||
font-family: 'Rubik';
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
color: $color0;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.winctl:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
|
||||
.winws {
|
||||
@include rounding;
|
||||
background-color: $surface0;
|
||||
margin: .4rem .8rem;
|
||||
padding: .3rem .5rem;
|
||||
min-width: 31rem;
|
||||
}
|
||||
|
||||
.winws-title {
|
||||
font-family: 'Rubik';
|
||||
font-weight: bold;
|
||||
font-size: 15pt;
|
||||
padding-top: .6rem;
|
||||
padding-bottom: .6rem;
|
||||
}
|
||||
|
||||
.wintext {
|
||||
font-family: 'Rubik';
|
||||
font-size: 13pt;
|
||||
}
|
||||
.winsubtext {
|
||||
font-family: 'Rubik';
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.winws-workspace {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.appicon {
|
||||
background-size: 90%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
padding-left: 22px;
|
||||
padding-right: 22px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.wschoose {
|
||||
font-family: 'Rubik';
|
||||
font-size: 14pt;
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #041031;
|
||||
$colorbg: rgba(4,16,49,0.7);
|
||||
$colortext: #a7e2ee;
|
||||
$color0: #043094;
|
||||
$color1: #3E5EA0;
|
||||
$color2: #0D60A0;
|
||||
$color3: #0A69CD;
|
||||
$color4: #1E9CD7;
|
||||
$color5: #44A3C2;
|
||||
$color6: #a7e2ee;
|
||||
$color7: #0A69CD;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #041031;
|
||||
$colorbg: rgba(4,16,49,0.7);
|
||||
$colortext: #a7e2ee;
|
||||
$color0: #043094;
|
||||
$color1: #3E5EA0;
|
||||
$color2: #0D60A0;
|
||||
$color3: #0A69CD;
|
||||
$color4: #1E9CD7;
|
||||
$color5: #44A3C2;
|
||||
$color6: #a7e2ee;
|
||||
$color7: #0A69CD;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-GyznjTaHokY0j6g8-hJaHcw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #24222a;
|
||||
$colorbg: rgba(36,34,42,0.7);
|
||||
$colortext: #e8cfdf;
|
||||
$color0: #A0708F;
|
||||
$color1: #E2758E;
|
||||
$color2: #997FC3;
|
||||
$color3: #699BBE;
|
||||
$color4: #B1AABF;
|
||||
$color5: #EF9DA1;
|
||||
$color6: #e8cfdf;
|
||||
$color7: #699BBE;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #494194;
|
||||
$colorbg: rgba(73,65,148,0.7);
|
||||
$colortext: #e0eaf5;
|
||||
$color0: #C9B0FD;
|
||||
$color1: #E3BCFE;
|
||||
$color2: #ABD4FD;
|
||||
$color3: #B1D2FD;
|
||||
$color4: #CDD2FD;
|
||||
$color5: #E5D6FC;
|
||||
$color6: #e0eaf5;
|
||||
$color7: #B1D2FD;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000464639244-hzoi9t-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #060514;
|
||||
$colorbg: rgba(6,5,20,0.7);
|
||||
$colortext: #96cfeb;
|
||||
$color0: #0C30A0;
|
||||
$color1: #1A50A5;
|
||||
$color2: #1463D3;
|
||||
$color3: #5443D2;
|
||||
$color4: #AF5CDC;
|
||||
$color5: #A259EE;
|
||||
$color6: #96cfeb;
|
||||
$color7: #5443D2;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/gmSGmgffLXI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDoJVlARTVsqnvWgL506qzeguKpdw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #120a0b;
|
||||
$colorbg: rgba(18,10,11,0.7);
|
||||
$colortext: #ddcdc3;
|
||||
$color0: #A56E56;
|
||||
$color1: #E37748;
|
||||
$color2: #FD843B;
|
||||
$color3: #AB8873;
|
||||
$color4: #FB8C4C;
|
||||
$color5: #F0A068;
|
||||
$color6: #ddcdc3;
|
||||
$color7: #AB8873;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000277772429-kb8c52-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0a1318;
|
||||
$colorbg: rgba(10,19,24,0.7);
|
||||
$colortext: #c5eff0;
|
||||
$color0: #4C7192;
|
||||
$color1: #A575A5;
|
||||
$color2: #318CB3;
|
||||
$color3: #39A6CE;
|
||||
$color4: #4AB2D2;
|
||||
$color5: #4EDEF1;
|
||||
$color6: #c5eff0;
|
||||
$color7: #39A6CE;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #090727;
|
||||
$colorbg: rgba(9,7,39,0.7);
|
||||
$colortext: #e1e4f1;
|
||||
$color0: #926AC9;
|
||||
$color1: #2994E6;
|
||||
$color2: #5E9EE8;
|
||||
$color3: #5BC3E9;
|
||||
$color4: #9EA8E4;
|
||||
$color5: #AEC4E9;
|
||||
$color6: #e1e4f1;
|
||||
$color7: #5BC3E9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #060305;
|
||||
$colorbg: rgba(6,3,5,0.7);
|
||||
$colortext: #e1ccd3;
|
||||
$color0: #F85B13;
|
||||
$color1: #A05862;
|
||||
$color2: #F2B61A;
|
||||
$color3: #7B6985;
|
||||
$color4: #9B6F8D;
|
||||
$color5: #AA99A2;
|
||||
$color6: #e1ccd3;
|
||||
$color7: #7B6985;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0A0518;
|
||||
$colorbg: rgba(10,5,24,0.7);
|
||||
$colortext: #dec8d0;
|
||||
$color0: #905772;
|
||||
$color1: #A35161;
|
||||
$color2: #7B5C87;
|
||||
$color3: #A36D8F;
|
||||
$color4: #CA799B;
|
||||
$color5: #D79EAB;
|
||||
$color6: #dec8d0;
|
||||
$color7: #A36D8F;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/7Pyt_xftxM8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARh_ID0oJDAP&rs=AOn4CLCqLpcalabHrrGdKHYreXbaxo3BMw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #1b0d07;
|
||||
$colorbg: rgba(27,13,7,0.7);
|
||||
$colortext: #e9dfab;
|
||||
$color0: #985F2B;
|
||||
$color1: #AA7133;
|
||||
$color2: #B16F45;
|
||||
$color3: #B78938;
|
||||
$color4: #BD9343;
|
||||
$color5: #D1A450;
|
||||
$color6: #e9dfab;
|
||||
$color7: #B78938;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0B0702;
|
||||
$colorbg: rgba(11,7,2,0.7);
|
||||
$colortext: #ead69c;
|
||||
$color0: #696350;
|
||||
$color1: #92360F;
|
||||
$color2: #9C5823;
|
||||
$color3: #A7683C;
|
||||
$color4: #DA681D;
|
||||
$color5: #F09A2D;
|
||||
$color6: #ead69c;
|
||||
$color7: #A7683C;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/8abwtVLP18Y/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABvuWZHErcUxghiy_4ZuNZFFoXUA
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #06060F;
|
||||
$colorbg: rgba(6,6,15,0.7);
|
||||
$colortext: #a1c6e4;
|
||||
$color0: #5322A1;
|
||||
$color1: #433AA8;
|
||||
$color2: #62589F;
|
||||
$color3: #691FD5;
|
||||
$color4: #8F4FB7;
|
||||
$color5: #9262DB;
|
||||
$color6: #a1c6e4;
|
||||
$color7: #691FD5;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000194675612-qt4sr3-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0f0d1b;
|
||||
$colorbg: rgba(15,13,27,0.7);
|
||||
$colortext: #db99a1;
|
||||
$color0: #5D2648;
|
||||
$color1: #6E2A4C;
|
||||
$color2: #8C1438;
|
||||
$color3: #A91D3B;
|
||||
$color4: #90294B;
|
||||
$color5: #A42848;
|
||||
$color6: #db99a1;
|
||||
$color7: #A91D3B;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000141682356-dsvdol-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0c1d33;
|
||||
$colorbg: rgba(12,29,51,0.7);
|
||||
$colortext: #dee6ed;
|
||||
$color0: #4977AC;
|
||||
$color1: #5F8AB8;
|
||||
$color2: #739BC5;
|
||||
$color3: #849FBF;
|
||||
$color4: #92B1D2;
|
||||
$color5: #B1C9E2;
|
||||
$color6: #dee6ed;
|
||||
$color7: #849FBF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/pLQGfSQUuCM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxjZ9gSU45DvSy7J__T2odBUct4w
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #150f0f;
|
||||
$colorbg: rgba(21,15,15,0.7);
|
||||
$colortext: #f5eae1;
|
||||
$color0: #CF8A77;
|
||||
$color1: #B29890;
|
||||
$color2: #E5AB94;
|
||||
$color3: #DAC6AF;
|
||||
$color4: #F4D0B6;
|
||||
$color5: #F7DCC5;
|
||||
$color6: #f5eae1;
|
||||
$color7: #DAC6AF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-viSbRZk1zikdSKYq-C4WdAw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #171216;
|
||||
$colorbg: rgba(23,18,22,0.7);
|
||||
$colortext: #e8e1e3;
|
||||
$color0: #995A5D;
|
||||
$color1: #DF5A5D;
|
||||
$color2: #5F5C8F;
|
||||
$color3: #AC7492;
|
||||
$color4: #918C90;
|
||||
$color5: #C2A6AE;
|
||||
$color6: #e8e1e3;
|
||||
$color7: #AC7492;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-0lZmu7Wr0b5dVxyr-DFcntg-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #09283D;
|
||||
$colorbg: rgba(9,40,61,0.7);
|
||||
$colortext: #a0dfef;
|
||||
$color0: #136FAF;
|
||||
$color1: #1569BF;
|
||||
$color2: #268BB3;
|
||||
$color3: #32BADE;
|
||||
$color4: #239FE0;
|
||||
$color5: #48AFD7;
|
||||
$color6: #a0dfef;
|
||||
$color7: #32BADE;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #090727;
|
||||
$colorbg: rgba(9,7,39,0.7);
|
||||
$colortext: #e1e4f1;
|
||||
$color0: #926AC9;
|
||||
$color1: #2994E6;
|
||||
$color2: #5E9EE8;
|
||||
$color3: #5BC3E9;
|
||||
$color4: #9EA8E4;
|
||||
$color5: #AEC4E9;
|
||||
$color6: #e1e4f1;
|
||||
$color7: #5BC3E9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #09020A;
|
||||
$colorbg: rgba(9,2,10,0.7);
|
||||
$colortext: #e5f0e2;
|
||||
$color0: #059687;
|
||||
$color1: #02B091;
|
||||
$color2: #01CB9A;
|
||||
$color3: #13F3A9;
|
||||
$color4: #5CD8A6;
|
||||
$color5: #A2E4BC;
|
||||
$color6: #e5f0e2;
|
||||
$color7: #13F3A9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #07172C;
|
||||
$colorbg: rgba(7,23,44,0.7);
|
||||
$colortext: #cbe3df;
|
||||
$color0: #AECD77;
|
||||
$color1: #3C6D8D;
|
||||
$color2: #5E9E96;
|
||||
$color3: #5EB2A8;
|
||||
$color4: #9ECEB0;
|
||||
$color5: #A2C3AD;
|
||||
$color6: #cbe3df;
|
||||
$color7: #5EB2A8;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-ztgvVI8fjqhzocM1-cFVrJw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #17303c;
|
||||
$colorbg: rgba(23,48,60,0.7);
|
||||
$colortext: #e3eaee;
|
||||
$color0: #6FAED0;
|
||||
$color1: #8DAAB7;
|
||||
$color2: #A8C1BE;
|
||||
$color3: #8FB3CB;
|
||||
$color4: #9CBCD2;
|
||||
$color5: #A4D1E3;
|
||||
$color6: #e3eaee;
|
||||
$color7: #8FB3CB;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000155627816-4qluzo-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0c0704;
|
||||
$colorbg: rgba(12,7,4,0.7);
|
||||
$colortext: #e6e5de;
|
||||
$color0: #6C8576;
|
||||
$color1: #A3936C;
|
||||
$color2: #297386;
|
||||
$color3: #598D89;
|
||||
$color4: #9AA591;
|
||||
$color5: #D0CAA3;
|
||||
$color6: #e6e5de;
|
||||
$color7: #598D89;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000145811820-tdcxea-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #020204;
|
||||
$colorbg: rgba(2,2,4,0.7);
|
||||
$colortext: #eeddf4;
|
||||
$color0: #6F6BCF;
|
||||
$color1: #857AD7;
|
||||
$color2: #7E81DD;
|
||||
$color3: #9B87BB;
|
||||
$color4: #A198F2;
|
||||
$color5: #CBB6FA;
|
||||
$color6: #eeddf4;
|
||||
$color7: #9B87BB;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vz229DA99tPFdm3E-eDLGdQ-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #330a09;
|
||||
$colorbg: rgba(51,10,9,0.7);
|
||||
$colortext: #ebc9c4;
|
||||
$color0: #E93B2F;
|
||||
$color1: #B74037;
|
||||
$color2: #DF4C37;
|
||||
$color3: #EA4737;
|
||||
$color4: #E86155;
|
||||
$color5: #E78A75;
|
||||
$color6: #ebc9c4;
|
||||
$color7: #EA4737;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000117563971-vx726i-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #110e0f;
|
||||
$colorbg: rgba(17,14,15,0.7);
|
||||
$colortext: #eee8e1;
|
||||
$color0: #A29EA5;
|
||||
$color1: #E499B3;
|
||||
$color2: #B1B8C5;
|
||||
$color3: #F79AC3;
|
||||
$color4: #93D0F2;
|
||||
$color5: #ECD8CF;
|
||||
$color6: #eee8e1;
|
||||
$color7: #F79AC3;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000189983181-azrg5q-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #121e2a;
|
||||
$colorbg: rgba(18,30,42,0.7);
|
||||
$colortext: #eeeac9;
|
||||
$color0: #ABB472;
|
||||
$color1: #5FAD9E;
|
||||
$color2: #2FECAD;
|
||||
$color3: #5DE9B0;
|
||||
$color4: #61FACD;
|
||||
$color5: #A3CAAA;
|
||||
$color6: #eeeac9;
|
||||
$color7: #5DE9B0;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0D0F2B;
|
||||
$colorbg: rgba(13,15,43,0.7);
|
||||
$colortext: #e2ecf5;
|
||||
$color0: #5C6ADF;
|
||||
$color1: #B650B9;
|
||||
$color2: #6798EE;
|
||||
$color3: #40C3F0;
|
||||
$color4: #999DE3;
|
||||
$color5: #BBC9EC;
|
||||
$color6: #e2ecf5;
|
||||
$color7: #40C3F0;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/i7cDLZgrqW4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCRBvhM7aVv-ZgGz3TeptwLxpkccA
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #040D16;
|
||||
$colorbg: rgba(4,13,22,0.7);
|
||||
$colortext: #b5b4bb;
|
||||
$color0: #AF682F;
|
||||
$color1: #94744E;
|
||||
$color2: #DE9239;
|
||||
$color3: #AB8D5B;
|
||||
$color4: #E4A554;
|
||||
$color5: #F7CF67;
|
||||
$color6: #b5b4bb;
|
||||
$color7: #AB8D5B;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-nL66GQT0mV6xB0sq-VWO0IQ-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #141030;
|
||||
$colorbg: rgba(20,16,48,0.7);
|
||||
$colortext: #e2e4e9;
|
||||
$color0: #C74DD3;
|
||||
$color1: #D14EED;
|
||||
$color2: #DA5BEE;
|
||||
$color3: #47D3F2;
|
||||
$color4: #B4BAD8;
|
||||
$color5: #CAACD3;
|
||||
$color6: #e2e4e9;
|
||||
$color7: #47D3F2;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #020408;
|
||||
$colorbg: rgba(2,4,8,0.7);
|
||||
$colortext: #96e7cb;
|
||||
$color0: #2A6D69;
|
||||
$color1: #4A736A;
|
||||
$color2: #1C8E6F;
|
||||
$color3: #56A264;
|
||||
$color4: #8EA36F;
|
||||
$color5: #28A58C;
|
||||
$color6: #96e7cb;
|
||||
$color7: #56A264;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #050908;
|
||||
$colorbg: rgba(5,9,8,0.7);
|
||||
$colortext: #e6eee7;
|
||||
$color0: #BDB85E;
|
||||
$color1: #376993;
|
||||
$color2: #639B9B;
|
||||
$color3: #43B9BF;
|
||||
$color4: #09ABE4;
|
||||
$color5: #ADCBBD;
|
||||
$color6: #e6eee7;
|
||||
$color7: #43B9BF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/-EDhOHxUYBI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDwfUPyaJr5NC-mDW_CQfTR2BzQgw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0c0906;
|
||||
$colorbg: rgba(12,9,6,0.7);
|
||||
$colortext: #eae7df;
|
||||
$color0: #668C76;
|
||||
$color1: #A5916F;
|
||||
$color2: #C79C75;
|
||||
$color3: #ABA793;
|
||||
$color4: #CBB195;
|
||||
$color5: #D6CBAF;
|
||||
$color6: #eae7df;
|
||||
$color7: #ABA793;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000133005283-3v8p3y-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #071A1B;
|
||||
$colorbg: rgba(7,26,27,0.7);
|
||||
$colortext: #c5dddd;
|
||||
$color0: #43807F;
|
||||
$color1: #3F8181;
|
||||
$color2: #518F8F;
|
||||
$color3: #6FAAA9;
|
||||
$color4: #8CB6B6;
|
||||
$color5: #89C0C0;
|
||||
$color6: #c5dddd;
|
||||
$color7: #6FAAA9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-TjOvf5O3gR9APB4i-XDwyyQ-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #010102;
|
||||
$colorbg: rgba(1,1,2,0.7);
|
||||
$colortext: #e7e0f2;
|
||||
$color0: #7B8AD7;
|
||||
$color1: #8FA5AB;
|
||||
$color2: #97C5B8;
|
||||
$color3: #A7A2E4;
|
||||
$color4: #CEADF7;
|
||||
$color5: #ADC8E1;
|
||||
$color6: #e7e0f2;
|
||||
$color7: #A7A2E4;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/_WUbjkbo_68/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD21OKbXXt2noW8DCM03zaAWn4ayw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #25212e;
|
||||
$colorbg: rgba(37,33,46,0.7);
|
||||
$colortext: #ebe5e4;
|
||||
$color0: #A59AA1;
|
||||
$color1: #EA9EA6;
|
||||
$color2: #EDD2AD;
|
||||
$color3: #B9AFCB;
|
||||
$color4: #E0B7C9;
|
||||
$color5: #F9CFCD;
|
||||
$color6: #ebe5e4;
|
||||
$color7: #B9AFCB;
|
||||
@@ -0,0 +1 @@
|
||||
#a7e2ee
|
||||
@@ -0,0 +1 @@
|
||||
#a7e2ee
|
||||
@@ -0,0 +1 @@
|
||||
#e8cfdf
|
||||
@@ -0,0 +1 @@
|
||||
#e0eaf5
|
||||
@@ -0,0 +1 @@
|
||||
#96cfeb
|
||||
@@ -0,0 +1 @@
|
||||
#ddcdc3
|
||||
@@ -0,0 +1 @@
|
||||
#c5eff0
|
||||
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
@@ -0,0 +1 @@
|
||||
#e1ccd3
|
||||
@@ -0,0 +1 @@
|
||||
#dec8d0
|
||||
@@ -0,0 +1 @@
|
||||
#e9dfab
|
||||
@@ -0,0 +1 @@
|
||||
#ead69c
|
||||
@@ -0,0 +1 @@
|
||||
#a1c6e4
|
||||
@@ -0,0 +1 @@
|
||||
#db99a1
|
||||
@@ -0,0 +1 @@
|
||||
#dee6ed
|
||||
@@ -0,0 +1 @@
|
||||
#f5eae1
|
||||
@@ -0,0 +1 @@
|
||||
#e8e1e3
|
||||
@@ -0,0 +1 @@
|
||||
#a0dfef
|
||||
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
@@ -0,0 +1 @@
|
||||
#e5f0e2
|
||||
@@ -0,0 +1 @@
|
||||
#cbe3df
|
||||
@@ -0,0 +1 @@
|
||||
#e3eaee
|
||||
@@ -0,0 +1 @@
|
||||
#e6e5de
|
||||
@@ -0,0 +1 @@
|
||||
#eeddf4
|
||||
@@ -0,0 +1 @@
|
||||
#ebc9c4
|
||||
@@ -0,0 +1 @@
|
||||
#eee8e1
|
||||
@@ -0,0 +1 @@
|
||||
#eeeac9
|
||||
@@ -0,0 +1 @@
|
||||
#e2ecf5
|
||||
@@ -0,0 +1 @@
|
||||
#b5b4bb
|
||||
@@ -0,0 +1 @@
|
||||
#e2e4e9
|
||||
@@ -0,0 +1 @@
|
||||
#96e7cb
|
||||
@@ -0,0 +1 @@
|
||||
#e6eee7
|
||||
@@ -0,0 +1 @@
|
||||
#eae7df
|
||||
@@ -0,0 +1 @@
|
||||
#c5dddd
|
||||
@@ -0,0 +1 @@
|
||||
#e7e0f2
|
||||
@@ -0,0 +1 @@
|
||||
#ebe5e4
|
||||
Reference in New Issue
Block a user