forked from Shinonome/dots-hyprland
stuff
This commit is contained in:
end-4
Executable
+17
@@ -0,0 +1,17 @@
|
||||
# Eww configuration
|
||||
|
||||
This configuration aims to provide a fully working shell replacement for
|
||||
compositors/window managers. Features constantly get added and existing ones
|
||||
get improved.
|
||||
|
||||
## ❔ Usage
|
||||
|
||||
To quickly install this config, grab all the files in this directory and put
|
||||
them in `~/.config/eww`. Then run `eww daemon` and `eww open bar`. Enjoy!
|
||||
|
||||
Dependencies:
|
||||
- Icon fonts: `material-design-icons`, `material-icons`
|
||||
- Text font: Rubik (get it from the osu! website with DevTools)
|
||||
|
||||
## 🎨 Theme
|
||||
- tokyonight
|
||||
Executable
+37
@@ -0,0 +1,37 @@
|
||||
.bg-decor-dow {
|
||||
margin-top: 450px;
|
||||
font-family: 'Rubik';
|
||||
font-size: 64pt;
|
||||
color : rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.bg-decor-date {
|
||||
font-family: 'Rubik';
|
||||
font-size: 26pt;
|
||||
color : rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.bg-decor-input-left {
|
||||
border-top-left-radius: 999px;
|
||||
border-bottom-left-radius: 999px;
|
||||
margin-top: 30px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-size: 15pt;
|
||||
min-height: 50px;
|
||||
background-color : rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.bg-decor-input-right {
|
||||
border-top-right-radius: 999px;
|
||||
border-bottom-right-radius: 999px;
|
||||
margin-top: 30px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
// padding-top: 5px;
|
||||
// padding-bottom: 5px;
|
||||
font-size: 15pt;
|
||||
min-height: 50px;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color : rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
Executable
+45
@@ -0,0 +1,45 @@
|
||||
.calendar-win {
|
||||
@include window;
|
||||
background-color: $colorbg;
|
||||
border: 3px solid $colortext;
|
||||
color: $colortext;
|
||||
padding: .2em;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
calendar {
|
||||
|
||||
:selected {
|
||||
color: $colortext;
|
||||
font-weight: bolder;
|
||||
background-color: $overlay0;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.header {
|
||||
color: $colortext;
|
||||
margin: 15px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: $color0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.button {
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
:indeterminate {
|
||||
color: $overlay0;
|
||||
}
|
||||
}
|
||||
|
||||
.date-clock{
|
||||
font-family: 'Rubik';
|
||||
background: transparent;
|
||||
color: $colorbar;
|
||||
padding-left: 13px;
|
||||
padding-right: 13px;
|
||||
}
|
||||
Executable
+74
@@ -0,0 +1,74 @@
|
||||
|
||||
|
||||
$rosewater: #f5e0dc;
|
||||
$flamingo: #f2cdcd;
|
||||
$pink: #f5c2e7;
|
||||
$mauve: #cba6f7;
|
||||
$red: #f38ba8;
|
||||
// $red: #EF738A;
|
||||
$maroon: #eba0ac;
|
||||
$peach: #fab387;
|
||||
$yellow: #f9e2af;
|
||||
$green: #a6e3a1;
|
||||
$teal: #94e2d5;
|
||||
$sky: #89dceb;
|
||||
$sapphire: #74c7ec;
|
||||
$blue: #89b4fa;
|
||||
$lavender: #b4befe;
|
||||
$true: #EF738A;
|
||||
$false: #A9B1D6;
|
||||
|
||||
|
||||
$forestgreen: #A8B468;
|
||||
$forestyellow : #8e8370;
|
||||
$foresttext : #d3c6ab;
|
||||
$forestblack : #1e201f;
|
||||
$forestred : #e76c69;
|
||||
$forestpink : #d698b5;
|
||||
$forestorange : #e59576;
|
||||
$forestgray : #75817b;
|
||||
$forestgraylight: #495156;
|
||||
$forestgreendark: #7fba90;
|
||||
$forestblue: #77AEA7;
|
||||
|
||||
$tokyobluedark: #1A1B26;
|
||||
$tokyobluelessdark: #1f212e;
|
||||
$tokyotext: #a9b1d6;
|
||||
$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
|
||||
$tokyored: #EF738A;
|
||||
$tokyoorange: #FF9E64;
|
||||
$tokyoyellow: #E0AF68;
|
||||
$tokyogreen: #9ECE6A;
|
||||
$tokyoturquoise: #73daca;
|
||||
$tokyoice: #b4f9f8;
|
||||
$tokyocyan: #0DB9D7;
|
||||
$tokyoblue: #7AA2F7;
|
||||
$tokyopurple: #9778D0;
|
||||
$tokyogrey: #444B6A;
|
||||
$catbg: #1E1E2E;
|
||||
|
||||
$text: $tokyotext;
|
||||
$subtext1: #868dac;
|
||||
$subtext0: #a6adc8;
|
||||
$overlay2: #9399b2;
|
||||
$overlay1: #7f849c;
|
||||
$overlay0: rgba(87, 91, 110, 0.5);
|
||||
|
||||
$surface2: rgba(88, 91, 112, 0.7);
|
||||
$surface1: rgba(69, 71, 90, 0.7);
|
||||
|
||||
$light0: rgba(255, 255, 255, 0.3);
|
||||
|
||||
|
||||
$base: #1E201F;
|
||||
$mantle: #181825;
|
||||
$crust: #121415;
|
||||
|
||||
$fg: $tokyotext;
|
||||
$bg: #171726;
|
||||
$barbg: #131426;
|
||||
$shadow: $crust;
|
||||
|
||||
// $battcolor: $tokyogreen;
|
||||
// $memcolor: $tokyoorange;
|
||||
// $cpucolor: $tokyoblue;
|
||||
Executable
+14
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #000000;
|
||||
$colorbg: rgba(0,0,0,0.7);
|
||||
$colortext: #ebe9e4;
|
||||
$color0: #727085;
|
||||
$color1: #019DB5;
|
||||
$color2: #0CA6B6;
|
||||
$color3: #5BB8B8;
|
||||
$color4: #04A2C9;
|
||||
$color5: #BAC5AC;
|
||||
$color6: #ebe9e4;
|
||||
$color7: #5BB8B8;
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #090727;
|
||||
$colorbg: rgba(9,7,39,0.7);
|
||||
$colortext: #e1e4f1;
|
||||
$color0: #926AC9;
|
||||
$color1: #2994E6;
|
||||
$color2: #5E9EE8;
|
||||
$color3: #5BC3E9;
|
||||
$color4: #9EA8E4;
|
||||
$color5: #AEC4E9;
|
||||
$color6: #e1e4f1;
|
||||
$color7: #5BC3E9;
|
||||
Executable
+11
@@ -0,0 +1,11 @@
|
||||
$colorbg: #0f0e11; //Get from color0
|
||||
$colortext: white; //Get from color4
|
||||
$color0: #8C66FF;
|
||||
$color1: #CC3378;
|
||||
$color2: #5933CC;
|
||||
$color3: #EEAA00;
|
||||
$color4: white;
|
||||
$color5: white;
|
||||
$color6: white;
|
||||
$color7: white; //Get from color4 (border)
|
||||
$colormusic: white;
|
||||
Executable
+234
@@ -0,0 +1,234 @@
|
||||
.dash-window {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.dash-title {
|
||||
color: $color0;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.dash-subtitle {
|
||||
color: $color5;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.dash {
|
||||
min-height: 50px;
|
||||
min-width: 50px;
|
||||
background-color: $colorbarbg;
|
||||
border-radius: 15px;
|
||||
padding: 20px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.dash-profile {
|
||||
min-width: 300px;
|
||||
min-height: 228px;
|
||||
}
|
||||
|
||||
.dash-user-pic {
|
||||
margin: 20px;
|
||||
min-width: 150px;
|
||||
min-height: 150px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
border-radius: 1500px;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.dash-fetch {
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
}
|
||||
.dash-fetch-icon {
|
||||
color: $colortext;
|
||||
font-size: 16pt;
|
||||
margin: 3px;
|
||||
font-family: Material Symbols Outlined;
|
||||
}
|
||||
|
||||
.dash-fetch-icon-nerd {
|
||||
color: $colortext;
|
||||
font-size: 16pt;
|
||||
margin: 3px;
|
||||
font-family: JetBrainsMono Nerd Font Regular;
|
||||
}
|
||||
|
||||
.dash-icon {
|
||||
font-size: 24pt;
|
||||
font-weight: bold;
|
||||
font-family: Material Symbols Outlined;
|
||||
}
|
||||
|
||||
.dash-button {
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.dash-button:hover {
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
}
|
||||
.dash-button:focus {
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
}
|
||||
|
||||
.dash-button:active {
|
||||
background-color: tint($colorbarbg, 20%);
|
||||
}
|
||||
|
||||
.dash-quote-content {
|
||||
margin: 2px;
|
||||
color: $colortext;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.dash-quote-author {
|
||||
margin: 2px;
|
||||
color: $colortext;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.dash-tile {
|
||||
min-width: 800px;
|
||||
}
|
||||
|
||||
.dash-input-icon {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
min-width: 30px;
|
||||
margin: -5px;
|
||||
margin-left: 15px;
|
||||
background-color: $colorbarbg;
|
||||
border: 2px solid tint($colorbarbg, 10%);
|
||||
border-radius: 10px;
|
||||
color: $colortext;
|
||||
font-size: 19pt;
|
||||
}
|
||||
|
||||
.dash-input {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
min-width: 860px;
|
||||
margin: -5px;
|
||||
background-color: $colorbarbg;
|
||||
border: 2px solid tint($colorbarbg, 10%);
|
||||
border-radius: 10px;
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.dash-time {
|
||||
color: $color0;
|
||||
font-size: 35pt;
|
||||
}
|
||||
|
||||
.dash-date {
|
||||
color: $color0;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.dash-clock-text-area {
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.dash-clock-circle-area {
|
||||
// margin-left: 10px;
|
||||
}
|
||||
|
||||
.dash-clock-circle {
|
||||
background-color: $surface0;
|
||||
}
|
||||
|
||||
.dash-clock-inner {
|
||||
padding: 36px;
|
||||
}
|
||||
|
||||
.dash-clock-circle-minute {
|
||||
margin: 10px;
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.dash-debug-area {
|
||||
background-color: rgba(214, 28, 50, 0.3);
|
||||
}
|
||||
|
||||
.dash-dir-area {
|
||||
min-width: 198px;
|
||||
}
|
||||
|
||||
.dash-dir {
|
||||
font-size: 15pt;
|
||||
padding: 10px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.dash-resources {
|
||||
min-width: 198px;
|
||||
min-height: 122px;
|
||||
}
|
||||
|
||||
.dash-resouce-icon {
|
||||
font-size: 99pt;
|
||||
}
|
||||
|
||||
.dash-resource-inner {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.dash-resource-text {
|
||||
font-size: 15pt;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.dash-resource-title {
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.dash-resource-tile {
|
||||
// background-color: tint($colorbarbg, 20%);
|
||||
border-radius: 12px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
padding-top: 11px;
|
||||
// padding: 15px;
|
||||
}
|
||||
|
||||
.clrt {
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.clr0 {
|
||||
color: $color0;
|
||||
}
|
||||
|
||||
.clr1 {
|
||||
color: $color1;
|
||||
}
|
||||
|
||||
.clr2 {
|
||||
color: $color2;
|
||||
}
|
||||
|
||||
.clr3 {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.clr4 {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.clr5 {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.clr6 {
|
||||
color: $color6;
|
||||
}
|
||||
|
||||
.clr7 {
|
||||
color: $color7;
|
||||
}
|
||||
Executable
Executable
+1
@@ -0,0 +1 @@
|
||||
#ebe9e4
|
||||
+1
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
Executable
+226
@@ -0,0 +1,226 @@
|
||||
.music-area {
|
||||
}
|
||||
|
||||
.song-cover-art {
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
margin: 4px 5px 4px 0;
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
}
|
||||
|
||||
.music-window {
|
||||
background-color: $colorbarbg;
|
||||
border: 3px solid;
|
||||
color: $colortext;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.music-cover-art {
|
||||
background-color: transparent;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("eww_covers/cover_art_default");
|
||||
background-position: 50% 15%;
|
||||
// border-radius: 5px;
|
||||
// margin: 1em;
|
||||
// min-height: 200px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.music-box {
|
||||
padding-top: 24px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
.music-title-bar {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik';
|
||||
min-height: 30px;
|
||||
font-size: 19pt;
|
||||
color: $colormusic;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.music-title {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik';
|
||||
min-height: 38px;
|
||||
font-size: 19pt;
|
||||
color: $colormusic;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.music-title-hover {
|
||||
// font-weight: bold;
|
||||
font-family: 'Rubik';
|
||||
font-size: 19pt;
|
||||
color: $colortext;
|
||||
background-color: $overlay0;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.music-artist {
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
min-height: 25px;
|
||||
}
|
||||
|
||||
.music-button label {
|
||||
font-family: 'Material Symbols Outlined';
|
||||
// color: $text;
|
||||
font-size: 2rem;
|
||||
font-family: SF Mono Nerd Font;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.music-time {
|
||||
font-family: 'Rubik';
|
||||
color: $color1;
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
.music-bar scale {
|
||||
font-family: 'Material Symbols Outlined';
|
||||
font-family: SF Mono Nerd Font;
|
||||
|
||||
highlight {
|
||||
background-color: $color1;
|
||||
}
|
||||
|
||||
trough {
|
||||
background-color: $surface0;
|
||||
min-height: 10px;
|
||||
min-width: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.music-ctl {
|
||||
// border-radius: 0px;
|
||||
color: $color1;
|
||||
// padding-right: 10px;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.music-ctl-revealer {
|
||||
// transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
|
||||
}
|
||||
|
||||
.music-ctl-revealer-false {
|
||||
// padding-left: 10px;
|
||||
}
|
||||
|
||||
.music-ctl-revealer-true {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.music-media-source {
|
||||
min-width: 40px;
|
||||
min-height: 20px;
|
||||
padding-left: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.music-media-source-wedge {
|
||||
border-left: 29px solid rgba(0, 0, 0, 0.6);
|
||||
border-bottom: 29px solid transparent;
|
||||
}
|
||||
|
||||
.music-source-icon {
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 16pt;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.song-button {
|
||||
color: $colortext;
|
||||
// border-radius: 9999px;
|
||||
margin: 3px 3px;
|
||||
min-width: 58px;
|
||||
font-size: 36pt;
|
||||
}
|
||||
.song-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.music-button-box {
|
||||
font-family: 'Material Symbols Outlined';
|
||||
color: $colortext;
|
||||
min-width: 160px;
|
||||
margin-top: 2px;
|
||||
padding-bottom: 0px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.osu-music-box-false {
|
||||
min-width: 75px;
|
||||
min-height: 32px;
|
||||
background-size: auto 65%;
|
||||
background-position: 35% 50%;
|
||||
// background-color: $colorbarbg;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.osu-music-box-true {
|
||||
min-width: 75px;
|
||||
min-height: 32px;
|
||||
background-size: auto 65%;
|
||||
background-position: 35% 50%;
|
||||
background-color: $overlay0;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.osu-music-box-dummy {
|
||||
min-width: 50px;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.osu-music-slider {
|
||||
margin-top: 9px;
|
||||
margin-bottom: 9px;
|
||||
min-height: 6px;
|
||||
padding-left: 13px;
|
||||
|
||||
trough {
|
||||
// border-radius: 9999px;
|
||||
background-color: #24222A;
|
||||
min-height: 6px;
|
||||
// margin-left: 32px;
|
||||
// margin-right: 32px;
|
||||
// min-width: 70px;
|
||||
min-width: 3px;
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 3px;
|
||||
// border-radius: 9999px;
|
||||
background-color: $colorbar;
|
||||
}
|
||||
}
|
||||
|
||||
.track-scale {
|
||||
// @include rounding;
|
||||
trough {
|
||||
// border-bottom-left-radius: 9999px;
|
||||
// border-bottom-right-radius: 9999px;
|
||||
background-color: $overlay0;
|
||||
min-height: 8px;
|
||||
// margin-left: 32px;
|
||||
// margin-right: 32px;
|
||||
// min-width: 70px;
|
||||
min-width: 3px;
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 8px;
|
||||
// border-bottom-left-radius: 9999px;
|
||||
// border-bottom-right-radius: 9999px;
|
||||
background-color: $color0;
|
||||
}
|
||||
}
|
||||
Executable
+87
@@ -0,0 +1,87 @@
|
||||
.notifications-box {
|
||||
// @include window;
|
||||
// padding: 1rem;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.notification {
|
||||
font-size: 12pt;
|
||||
font-family: 'Rubik';
|
||||
background-color: $surface0;
|
||||
// border-bottom: 3px solid $colorbg;
|
||||
padding: .7rem;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
// box {
|
||||
// margin-bottom: .5rem;
|
||||
// }
|
||||
|
||||
label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border: 3px solid $color7;
|
||||
}
|
||||
|
||||
.appname {
|
||||
font-size: 13pt;
|
||||
color: $color0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.summary {
|
||||
font-size: 13pt;
|
||||
color: $colortext;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.body {
|
||||
color: $colortext;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-bottomleft {
|
||||
border-top: 20px solid transparent;
|
||||
border-left: 20px solid tint($colorbarbg, 10%);
|
||||
}
|
||||
|
||||
// .container {
|
||||
// &:first-child {
|
||||
// border-radius: 8px 8px 0 0;
|
||||
// }
|
||||
|
||||
// ;
|
||||
|
||||
// &:last-child {
|
||||
// border-radius: 0 0 8px 8px;
|
||||
// }
|
||||
|
||||
// ;
|
||||
// }
|
||||
|
||||
.notification-header {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.notification-label {
|
||||
color: $colortext;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.notification-action {
|
||||
border-radius: 50%;
|
||||
margin-top: 33px;
|
||||
margin-bottom: 9px;
|
||||
padding: 0 .3rem;
|
||||
|
||||
label {
|
||||
color: $colortext;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $surface0;
|
||||
}
|
||||
}
|
||||
Executable
+43
@@ -0,0 +1,43 @@
|
||||
.osd-window {
|
||||
margin: 5px;
|
||||
border-radius: 9999px;
|
||||
min-width: 10px;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.osd-var {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
background-color: $colorbarbg;
|
||||
border-radius: 9999px;
|
||||
min-width: 100px;
|
||||
min-height: 37px;
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
.osd-circle {
|
||||
// margin-left: 14px;
|
||||
background-color: #5c5b5b;
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-incircle {
|
||||
font-size: 19pt;
|
||||
padding: 6px;
|
||||
font-family: "Material Symbols Outlined"; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-incircle-bright {
|
||||
font-size: 19pt;
|
||||
padding: 6px;
|
||||
font-family: "Material Symbols Outlined"; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.osd-text {
|
||||
font-size: 15pt;
|
||||
font-family: 'Rubik'; //AAAAAAAAAGGGHHH
|
||||
color: $colortext;
|
||||
padding-right: 5px;
|
||||
}
|
||||
Executable
+468
@@ -0,0 +1,468 @@
|
||||
$colorpanel: tint($colorbarbg, 10%);
|
||||
|
||||
.osettings-window {
|
||||
min-width: 529px;
|
||||
padding-top: 20px;
|
||||
background-color: $colorpanel;
|
||||
color: $colortext;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
}
|
||||
|
||||
.onotify-window {
|
||||
min-width: 529px;
|
||||
background-color: $colorpanel;
|
||||
color: $colortext;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
}
|
||||
|
||||
.osettings-separator {
|
||||
background-color: shade($colorbarbg, 5%);
|
||||
min-height: 6px;
|
||||
margin-top: 27px;
|
||||
}
|
||||
|
||||
.osettings-content {
|
||||
// padding-top: 13px;
|
||||
padding-bottom: 10px;
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.osettings-heading {
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.osettings-title {
|
||||
padding-top: 28px;
|
||||
color: $colortext;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 30pt;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.osettings-subtitle {
|
||||
color: $color5;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 14pt;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.osettings-window-section {
|
||||
margin-top: 33px;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
.osettings-window-quick {
|
||||
border-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-session {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.osettings-window-mouse {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-appearance {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-gaps {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.osettings-window-hyperland {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-hyprland {
|
||||
color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-calendar {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-secret {
|
||||
color: $color5;
|
||||
}
|
||||
|
||||
.osettings-window-quick-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-session-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color4;
|
||||
}
|
||||
|
||||
.osettings-window-mouse-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-appearance-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-gaps-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color4;
|
||||
}
|
||||
|
||||
.osettings-window-hyperland-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-hyprland-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-calendar-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-secret-bottomright {
|
||||
border-top: 30px solid transparent;
|
||||
border-right: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-bottomright-cut {
|
||||
border-top: 27px solid transparent;
|
||||
border-right: 27px solid $colorpanel;
|
||||
}
|
||||
|
||||
.osettings-window-contents {
|
||||
margin: 5px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.osettings-section {
|
||||
color: $colorbarbg;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 20pt;
|
||||
padding-left: 10px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.osettings-section-baronly {
|
||||
color: $colorbarbg;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.osettings-section-textonly {
|
||||
color: $colorbarbg;
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
font-size: 20pt;
|
||||
padding-left: 10px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.osettings-section-quick {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-section-session {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.osettings-section-mouse {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-section-appearance {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-section-gaps {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.osettings-section-hyperland {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-section-hyprland {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-section-calendar {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.osettings-section-secret {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.onotify-window-volume {
|
||||
border-color: $color5;
|
||||
}
|
||||
|
||||
.onotify-window-resources {
|
||||
border-color: $color4;
|
||||
}
|
||||
|
||||
.onotify-window-notif {
|
||||
border-color: $color3;
|
||||
}
|
||||
|
||||
.onotify-section-volume {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.onotify-section-resources {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.onotify-section-notif {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.osettings-window-volume-bottomleft {
|
||||
border-top: 30px solid transparent;
|
||||
border-left: 30px solid $color5;
|
||||
}
|
||||
|
||||
.osettings-window-resources-bottomleft {
|
||||
border-top: 30px solid transparent;
|
||||
border-left: 30px solid $color4;
|
||||
}
|
||||
|
||||
.osettings-window-notif-bottomleft {
|
||||
border-top: 30px solid transparent;
|
||||
border-left: 30px solid $color3;
|
||||
}
|
||||
|
||||
.osettings-window-bottomleft-cut {
|
||||
border-top: 27px solid transparent;
|
||||
border-left: 27px solid $colorpanel;
|
||||
}
|
||||
|
||||
.osettings-text {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
// color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.osettings-btn-section {
|
||||
color: $colorpanel;
|
||||
font-size: 14pt;
|
||||
min-width: 31px;
|
||||
}
|
||||
|
||||
.osettings-btn-section:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.osettings-search {
|
||||
margin-left: 28px;
|
||||
margin-right: 28px;
|
||||
margin-top: 35px;
|
||||
background-color: $colorpanel;
|
||||
border: 2px solid $colortext;
|
||||
color: $colortext;
|
||||
// border-radius: 10px;
|
||||
font-size: 11pt;
|
||||
min-height: 45px;
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-search-text {
|
||||
color: $colortext;
|
||||
padding: 10px;
|
||||
font-size: 13pt;
|
||||
min-width: 420px;
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
.osettings-search-icon {
|
||||
background-color: $colortext;
|
||||
color: $colorpanel;
|
||||
padding: 6px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.osettings-scroll-bg {
|
||||
padding: 28px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.osettings-btn {
|
||||
// border-radius: 9999px;
|
||||
min-height: 50px;
|
||||
font-weight: normal;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.osettings-btn {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.osettings-btn-destructive {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.osettings-btn-neutral {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.osettings-btn-informative {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.osettings-btn-neutral:hover,
|
||||
.osettings-btn-neutral:focus {
|
||||
background-image: linear-gradient(to right, $color2 0%, $color4 50%);
|
||||
}
|
||||
|
||||
.osettings-btn-destructive:hover,
|
||||
.osettings-btn-destructive:focus {
|
||||
background-image: linear-gradient(to right, $color1 0%, $color3 50%);
|
||||
}
|
||||
|
||||
.osettings-btn-informative:hover,
|
||||
.osettings-btn-informative:focus {
|
||||
background-image: linear-gradient(to right, $color2 0%, $color4 50%);
|
||||
}
|
||||
|
||||
.rounder {
|
||||
// border-radius: 9999px;
|
||||
}
|
||||
|
||||
.osettings-slider {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
min-height: 6px;
|
||||
|
||||
trough {
|
||||
min-height: 6px;
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
slider {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
margin: -8px;
|
||||
}
|
||||
|
||||
slider:hover {
|
||||
background-color: $color6;
|
||||
}
|
||||
|
||||
// slider:focus {
|
||||
// background-color: $color4;
|
||||
// }
|
||||
}
|
||||
|
||||
.osettings-slider-3 {
|
||||
background-image: linear-gradient(to right, $color3 8px, $surface0 8px);
|
||||
highlight {
|
||||
background-color: $color3;
|
||||
}
|
||||
slider {
|
||||
background-color: $color3;
|
||||
}
|
||||
}
|
||||
.osettings-slider-4 {
|
||||
background-image: linear-gradient(to right, $color4 8px, $surface0 8px);
|
||||
highlight {
|
||||
background-color: $color4;
|
||||
}
|
||||
slider {
|
||||
background-color: $color4;
|
||||
}
|
||||
}
|
||||
.osettings-slider-5 {
|
||||
background-image: linear-gradient(to right, $color5 8px, $surface0 8px);
|
||||
highlight {
|
||||
background-color: $color5;
|
||||
}
|
||||
slider {
|
||||
background-color: $color5;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-slider-quick {
|
||||
highlight {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
slider {
|
||||
background-color: $color5;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-slider-mouse {
|
||||
highlight {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
slider {
|
||||
background-color: $color3;
|
||||
}
|
||||
}
|
||||
|
||||
.osettings-checkbox {
|
||||
// border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
border: 3px solid $color0;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox-1 {
|
||||
// border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: $color0;
|
||||
color: transparent;
|
||||
border: 3px solid;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox-0 {
|
||||
// border-radius: 9999px;
|
||||
// min-height: 20px;
|
||||
// min-height: 6px;
|
||||
min-width: 60px;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
border: 3px solid $color0;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.osettings-checkbox:checked {
|
||||
// border-radius: 9999px;
|
||||
background-color: $color0;
|
||||
color: $color0;
|
||||
}
|
||||
Executable
+167
@@ -0,0 +1,167 @@
|
||||
.overview-window {
|
||||
@include window
|
||||
font-family: 'Rubik';
|
||||
border-radius: 22px;
|
||||
background-color: $colorbarbg;
|
||||
// background-color: transparent;
|
||||
// border: 3px solid $color0;
|
||||
//padding: 5px;
|
||||
}
|
||||
|
||||
.overview-window-title {
|
||||
font-size: 15pt;
|
||||
color: $colortext;
|
||||
border-radius: 15px;
|
||||
background-color: $surface0;
|
||||
margin: 4px;
|
||||
padding: 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.overview-window-top {
|
||||
@include rounding;
|
||||
background-color: transparent;
|
||||
border: 3px solid transparent;
|
||||
//padding: 5px;
|
||||
}
|
||||
|
||||
.overview-ws {
|
||||
border: 2px solid;
|
||||
border-radius: 15px;
|
||||
background-color: $surface0;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.overview-ws-true {
|
||||
color: $color3;
|
||||
}
|
||||
.overview-ws-false {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.overview-ws-window {
|
||||
border: 2px solid $color0;
|
||||
border-radius: 15px;
|
||||
background-color: $overlay0;
|
||||
// //margin: 3px;
|
||||
}
|
||||
|
||||
.overview-ws-window-content {
|
||||
border-radius: 11px;
|
||||
// background-color: rgba(135, 147, 163, 0.7);
|
||||
}
|
||||
|
||||
.overview-topbar-icon {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
margin: 5px;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.overview-topbar-button {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
margin: 5px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.overview-topbar-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.overview-icon {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.overview-background {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.overview-ws-text {
|
||||
//padding-left: 5px;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.overview-ws-subtext {
|
||||
//padding-left: 5px;
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.overview-ws-number {
|
||||
//Note: height 100px width 356px
|
||||
font-size: 25pt;
|
||||
border-radius: 11px;
|
||||
background-color: $overlay0;
|
||||
color: $colortext;
|
||||
//margin: 10px;
|
||||
min-height: 40px;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.overview-title {
|
||||
font-weight: bold;
|
||||
font-size: 15pt;
|
||||
//padding-top: .6rem;
|
||||
//padding-bottom: .6rem;
|
||||
}
|
||||
|
||||
.overview-search-area {
|
||||
|
||||
}
|
||||
|
||||
.overview-search-box {
|
||||
border-radius: 20px;
|
||||
border: 2px solid $colortext;
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
min-height: 45px;
|
||||
min-width: 400px;
|
||||
|
||||
margin: 20px 20px;
|
||||
padding: 2px 12px;
|
||||
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-box:focus {
|
||||
color: $color4;
|
||||
}
|
||||
|
||||
.overview-results {
|
||||
// :first-child {
|
||||
// color: white;
|
||||
// background-image: linear-gradient(to right, $color0 0%, $color4 100%);
|
||||
// }
|
||||
}
|
||||
|
||||
.overview-search-result {
|
||||
border-radius: 20px;
|
||||
border: 2px solid;
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
color: $colortext;
|
||||
font-size: 15pt;
|
||||
min-height: 45px;
|
||||
min-width: 400px;
|
||||
padding: 2px 12px;
|
||||
margin: 0 5px;
|
||||
|
||||
caret-color: transparent;
|
||||
|
||||
selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-result:focus{
|
||||
color: white;
|
||||
background-image: linear-gradient(to right, $color0 0%, $color4 100%);
|
||||
}
|
||||
Executable
+174
@@ -0,0 +1,174 @@
|
||||
.system-menu-box {
|
||||
@include window;
|
||||
background-color: $colorbg;
|
||||
border: 3px solid $border;
|
||||
// color: $colortext;
|
||||
}
|
||||
|
||||
.separator {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
margin: 1rem 1.5rem 0;
|
||||
|
||||
.time {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.date-box {
|
||||
margin: 0 1rem;
|
||||
|
||||
label {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.date {
|
||||
background: unset;
|
||||
margin: 0 .5rem 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.system-row {
|
||||
font-family: 'Rubik';
|
||||
// margin: .5rem .7rem;
|
||||
margin-top: 20px;
|
||||
|
||||
.airplane-box button {
|
||||
padding: 1rem 3rem;
|
||||
}
|
||||
|
||||
.power-box button {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.element {
|
||||
font-family: 'Rubik';
|
||||
border: 2px solid $color5;
|
||||
background: $surface0;
|
||||
// margin: .3rem;
|
||||
margin: 5px;
|
||||
|
||||
button {
|
||||
@include rounding;
|
||||
padding: 1rem;
|
||||
|
||||
label {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $overlay0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.element-bottomleft {
|
||||
border-top: 23px solid transparent;
|
||||
border-left: 23px solid $color5;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.element-bottomleft-cut {
|
||||
border-top: 20px solid transparent;
|
||||
border-left: 20px solid $colorpanel;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.sliders {
|
||||
@include rounding;
|
||||
background-color: $surface0;
|
||||
margin: .5rem 1rem;
|
||||
padding: .6rem 1rem;
|
||||
|
||||
scale {
|
||||
margin-right: -1rem;
|
||||
min-width: 25.8rem;
|
||||
}
|
||||
scale trough {
|
||||
background-color: $bg1;
|
||||
border-radius: 24px;
|
||||
margin: 0 1rem;
|
||||
min-height: 10px;
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
box {
|
||||
margin: .2rem 0;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sliderbg {
|
||||
background-color: transparent;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.volume-bar highlight {
|
||||
font-family: SF Mono Nerd Font;
|
||||
@include rounding;
|
||||
background: $color6;
|
||||
// background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
|
||||
}
|
||||
|
||||
.volume-slider-box scale highlight {
|
||||
@include rounding;
|
||||
background: $color6;
|
||||
// background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
|
||||
// border: 2px solid;
|
||||
min-height: 0.9rem;
|
||||
}
|
||||
|
||||
// .volume-slider-box scale {
|
||||
// @include rounding;
|
||||
// background-color: #1A1B26;
|
||||
// border: 2px solid;
|
||||
// }
|
||||
|
||||
.bottom-row {
|
||||
margin: .5rem 1rem;
|
||||
|
||||
.battery-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.battery-wattage {
|
||||
color: $color7;
|
||||
}
|
||||
|
||||
.battery-status {
|
||||
color: $colortext;
|
||||
margin: 0 .5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: $surface0;
|
||||
border-radius: 50%;
|
||||
margin-bottom: .1rem;
|
||||
padding: 0 .5rem;
|
||||
|
||||
label {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $overlay0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.power-button {
|
||||
min-height: 2.5rem;
|
||||
// min-width: 2.5rem;
|
||||
}
|
||||
Executable
+184
@@ -0,0 +1,184 @@
|
||||
.membar {
|
||||
color: $colorbar;
|
||||
}
|
||||
|
||||
.cpubar {
|
||||
color: $cpucolor;
|
||||
}
|
||||
|
||||
.batbar {
|
||||
color: $battcolor;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.cpubar-circle {
|
||||
color: $cpucolor;
|
||||
background-color: $surface1;
|
||||
}
|
||||
.membar-circle {
|
||||
color: $memcolor;
|
||||
background-color: $surface1;
|
||||
}
|
||||
.batbar-circle {
|
||||
color: $battcolor;
|
||||
background-color: $surface1;
|
||||
}
|
||||
|
||||
// .batbar-circle {
|
||||
// color: $battcolor;
|
||||
// padding-right: 4px;
|
||||
// }
|
||||
|
||||
// .membar,
|
||||
// .cpubar,
|
||||
// .batbar {
|
||||
// // background-color: transparent;
|
||||
// padding: 0px;
|
||||
// }
|
||||
|
||||
.membar:hover,
|
||||
.cpubar:hover,
|
||||
.batbar:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
|
||||
.batt-percentage {
|
||||
color: $battcolor;
|
||||
padding-right: 5px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.sys-menu-charge {
|
||||
padding-left: 2px;
|
||||
color: $colorbar;
|
||||
}
|
||||
|
||||
.iconmem {
|
||||
color: $memcolor;
|
||||
}
|
||||
|
||||
.iconcpu {
|
||||
color: $cpucolor;
|
||||
}
|
||||
|
||||
.icon-text {
|
||||
font-size: 3rem;
|
||||
padding: .7rem;
|
||||
}
|
||||
|
||||
.sys-text-sub {
|
||||
color: $colortext;
|
||||
}
|
||||
|
||||
.sys-text-mem,
|
||||
.sys-text-cpu {
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sys-icon-mem,
|
||||
.sys-icon-cpu {
|
||||
font-size: 1.5rem;
|
||||
margin: 1.5rem;
|
||||
}
|
||||
|
||||
.system-info-box {
|
||||
@include rounding;
|
||||
background-color: $surface0;
|
||||
margin: .5rem 1rem;
|
||||
// padding: .5rem;
|
||||
}
|
||||
|
||||
.sys-mem,
|
||||
.sys-cpu {
|
||||
background-color: $colorbg;
|
||||
}
|
||||
|
||||
.sys-icon-mem,
|
||||
.sys-text-mem,
|
||||
.sys-mem {
|
||||
color: $memcolor;
|
||||
}
|
||||
|
||||
.sys-icon-cpu,
|
||||
.sys-text-cpu,
|
||||
.sys-cpu {
|
||||
color: $cpucolor;
|
||||
}
|
||||
|
||||
.sys-box {
|
||||
margin: .3em;
|
||||
|
||||
box {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cpu-menu {
|
||||
font-family: 'Rubik';
|
||||
color: $cpucolor;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.mem-menu {
|
||||
font-family: 'Rubik';
|
||||
color: $memcolor;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.mem-menu-left {
|
||||
color: $memcolor;
|
||||
padding-left: 5px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.mem-menu-mid {
|
||||
color: $memcolor;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.mem-menu-right {
|
||||
color: $memcolor;
|
||||
padding-left: 0px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.sys-menu {
|
||||
font-family: 'Rubik';
|
||||
color: $battcolor;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.sys-menu-button {
|
||||
color: $colorbar;
|
||||
margin: 0px;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
background-image: url("images/LinageSettings.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
// .volume-bar, .brightness-slider, .slider {
|
||||
// background-color: #16161E;
|
||||
// border: 2px solid #7C9FF5;
|
||||
// border-radius: 99px;
|
||||
// }
|
||||
|
||||
.sys-toggle {
|
||||
font-size: 3pt;
|
||||
}
|
||||
|
||||
.inside-circle {
|
||||
min-height: 27px;
|
||||
min-width: 27px;
|
||||
}
|
||||
|
||||
.sys-circle-inner {
|
||||
font-size: 15pt;
|
||||
padding: 5px;
|
||||
}
|
||||
Executable
+138
@@ -0,0 +1,138 @@
|
||||
.themer-button {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
background-image: url('images/svg/beatmappacks.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.themer-button-true {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
background-color: $overlay0;
|
||||
background-image: url('images/svg/beatmappacks.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.themer-button-false {
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
background-image: url('images/svg/beatmappacks.svg');
|
||||
background-size: auto 65%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.themer-action-button {
|
||||
// @include rounding;
|
||||
min-height: 53px;
|
||||
min-width: 53px;
|
||||
color: $colortext;
|
||||
font-family: Material Symbols Outlined;
|
||||
}
|
||||
|
||||
.themer-action-button:hover {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.themer-action-button:active {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.themer-action-button:focus {
|
||||
border: 2px solid $overlay0;
|
||||
}
|
||||
|
||||
.themer-menu-box {
|
||||
// @include window;
|
||||
// @include rounding;
|
||||
// border-radius: 15px;
|
||||
background-color: tint($colorbarbg, 12.5%);
|
||||
margin: 14px;
|
||||
transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
.themer-title {
|
||||
font-family: 'Rubik';
|
||||
font-size: 15pt;
|
||||
padding: .6rem;
|
||||
color: $colortext;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.themer-prompt {
|
||||
color: $colortext;
|
||||
font-family: 'Rubik';
|
||||
font-size: 12pt;
|
||||
padding: .6rem;
|
||||
}
|
||||
|
||||
.themer-input {
|
||||
font-family: 'Rubik';
|
||||
// background-color: $surface0;
|
||||
background-color: tint($colorbarbg, 10%);
|
||||
color: $colortext;
|
||||
// border-radius: 10px;
|
||||
padding: 7px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
border: 2px solid $overlay0;
|
||||
caret-color: $colortext;
|
||||
|
||||
selection {
|
||||
background-color: rgba(154, 152, 152, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.themer-input:focus {
|
||||
border: 2px solid $colortext;
|
||||
}
|
||||
|
||||
.themer-color-preview-section {
|
||||
@include rounding;
|
||||
}
|
||||
|
||||
.themer-color-preview {
|
||||
min-height: 25px;
|
||||
min-width: 25px;
|
||||
// border-radius: 5px;
|
||||
border-width: 55px;
|
||||
}
|
||||
|
||||
.preview-0 {
|
||||
background-color: $color0;
|
||||
}
|
||||
|
||||
.preview-1 {
|
||||
background-color: $color1;
|
||||
}
|
||||
|
||||
.preview-2 {
|
||||
background-color: $color2;
|
||||
}
|
||||
|
||||
.preview-3 {
|
||||
background-color: $color3;
|
||||
}
|
||||
|
||||
.preview-4 {
|
||||
background-color: $color4;
|
||||
}
|
||||
|
||||
.preview-5 {
|
||||
background-color: $color5;
|
||||
}
|
||||
|
||||
.preview-6 {
|
||||
background-color: $color6;
|
||||
}
|
||||
|
||||
.preview-7 {
|
||||
background-color: $color7;
|
||||
}
|
||||
Executable
+29
@@ -0,0 +1,29 @@
|
||||
.vol-icon {
|
||||
color: $color6;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
// .vol-icon {
|
||||
// color: $tokyocyan;
|
||||
// padding-right: 2px;
|
||||
// }
|
||||
|
||||
.volbar highlight {
|
||||
background-image: linear-gradient(to right, $teal 30%, $sky 100%);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
.vol-menu {
|
||||
font-size: 1pt;
|
||||
color: $color6;
|
||||
padding-right: 2px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.vol-menu:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
.vol-icon:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
Executable
+55
@@ -0,0 +1,55 @@
|
||||
.winctl {
|
||||
font-family: 'Rubik';
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
color: $color0;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.winctl:hover {
|
||||
border-top: 2px solid;
|
||||
}
|
||||
|
||||
.winws {
|
||||
@include rounding;
|
||||
background-color: $surface0;
|
||||
margin: .4rem .8rem;
|
||||
padding: .3rem .5rem;
|
||||
min-width: 31rem;
|
||||
}
|
||||
|
||||
.winws-title {
|
||||
font-family: 'Rubik';
|
||||
font-weight: bold;
|
||||
font-size: 15pt;
|
||||
padding-top: .6rem;
|
||||
padding-bottom: .6rem;
|
||||
}
|
||||
|
||||
.wintext {
|
||||
font-family: 'Rubik';
|
||||
font-size: 13pt;
|
||||
}
|
||||
.winsubtext {
|
||||
font-family: 'Rubik';
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.winws-workspace {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.appicon {
|
||||
background-size: 90%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
padding-left: 22px;
|
||||
padding-right: 22px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.wschoose {
|
||||
font-family: 'Rubik';
|
||||
font-size: 14pt;
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #041031;
|
||||
$colorbg: rgba(4,16,49,0.7);
|
||||
$colortext: #a7e2ee;
|
||||
$color0: #043094;
|
||||
$color1: #3E5EA0;
|
||||
$color2: #0D60A0;
|
||||
$color3: #0A69CD;
|
||||
$color4: #1E9CD7;
|
||||
$color5: #44A3C2;
|
||||
$color6: #a7e2ee;
|
||||
$color7: #0A69CD;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #041031;
|
||||
$colorbg: rgba(4,16,49,0.7);
|
||||
$colortext: #a7e2ee;
|
||||
$color0: #043094;
|
||||
$color1: #3E5EA0;
|
||||
$color2: #0D60A0;
|
||||
$color3: #0A69CD;
|
||||
$color4: #1E9CD7;
|
||||
$color5: #44A3C2;
|
||||
$color6: #a7e2ee;
|
||||
$color7: #0A69CD;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-GyznjTaHokY0j6g8-hJaHcw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #24222a;
|
||||
$colorbg: rgba(36,34,42,0.7);
|
||||
$colortext: #e8cfdf;
|
||||
$color0: #A0708F;
|
||||
$color1: #E2758E;
|
||||
$color2: #997FC3;
|
||||
$color3: #699BBE;
|
||||
$color4: #B1AABF;
|
||||
$color5: #EF9DA1;
|
||||
$color6: #e8cfdf;
|
||||
$color7: #699BBE;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #494194;
|
||||
$colorbg: rgba(73,65,148,0.7);
|
||||
$colortext: #e0eaf5;
|
||||
$color0: #C9B0FD;
|
||||
$color1: #E3BCFE;
|
||||
$color2: #ABD4FD;
|
||||
$color3: #B1D2FD;
|
||||
$color4: #CDD2FD;
|
||||
$color5: #E5D6FC;
|
||||
$color6: #e0eaf5;
|
||||
$color7: #B1D2FD;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000464639244-hzoi9t-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #060514;
|
||||
$colorbg: rgba(6,5,20,0.7);
|
||||
$colortext: #96cfeb;
|
||||
$color0: #0C30A0;
|
||||
$color1: #1A50A5;
|
||||
$color2: #1463D3;
|
||||
$color3: #5443D2;
|
||||
$color4: #AF5CDC;
|
||||
$color5: #A259EE;
|
||||
$color6: #96cfeb;
|
||||
$color7: #5443D2;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/gmSGmgffLXI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDoJVlARTVsqnvWgL506qzeguKpdw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #120a0b;
|
||||
$colorbg: rgba(18,10,11,0.7);
|
||||
$colortext: #ddcdc3;
|
||||
$color0: #A56E56;
|
||||
$color1: #E37748;
|
||||
$color2: #FD843B;
|
||||
$color3: #AB8873;
|
||||
$color4: #FB8C4C;
|
||||
$color5: #F0A068;
|
||||
$color6: #ddcdc3;
|
||||
$color7: #AB8873;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000277772429-kb8c52-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0a1318;
|
||||
$colorbg: rgba(10,19,24,0.7);
|
||||
$colortext: #c5eff0;
|
||||
$color0: #4C7192;
|
||||
$color1: #A575A5;
|
||||
$color2: #318CB3;
|
||||
$color3: #39A6CE;
|
||||
$color4: #4AB2D2;
|
||||
$color5: #4EDEF1;
|
||||
$color6: #c5eff0;
|
||||
$color7: #39A6CE;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #090727;
|
||||
$colorbg: rgba(9,7,39,0.7);
|
||||
$colortext: #e1e4f1;
|
||||
$color0: #926AC9;
|
||||
$color1: #2994E6;
|
||||
$color2: #5E9EE8;
|
||||
$color3: #5BC3E9;
|
||||
$color4: #9EA8E4;
|
||||
$color5: #AEC4E9;
|
||||
$color6: #e1e4f1;
|
||||
$color7: #5BC3E9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #060305;
|
||||
$colorbg: rgba(6,3,5,0.7);
|
||||
$colortext: #e1ccd3;
|
||||
$color0: #F85B13;
|
||||
$color1: #A05862;
|
||||
$color2: #F2B61A;
|
||||
$color3: #7B6985;
|
||||
$color4: #9B6F8D;
|
||||
$color5: #AA99A2;
|
||||
$color6: #e1ccd3;
|
||||
$color7: #7B6985;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0A0518;
|
||||
$colorbg: rgba(10,5,24,0.7);
|
||||
$colortext: #dec8d0;
|
||||
$color0: #905772;
|
||||
$color1: #A35161;
|
||||
$color2: #7B5C87;
|
||||
$color3: #A36D8F;
|
||||
$color4: #CA799B;
|
||||
$color5: #D79EAB;
|
||||
$color6: #dec8d0;
|
||||
$color7: #A36D8F;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/7Pyt_xftxM8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARh_ID0oJDAP&rs=AOn4CLCqLpcalabHrrGdKHYreXbaxo3BMw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #1b0d07;
|
||||
$colorbg: rgba(27,13,7,0.7);
|
||||
$colortext: #e9dfab;
|
||||
$color0: #985F2B;
|
||||
$color1: #AA7133;
|
||||
$color2: #B16F45;
|
||||
$color3: #B78938;
|
||||
$color4: #BD9343;
|
||||
$color5: #D1A450;
|
||||
$color6: #e9dfab;
|
||||
$color7: #B78938;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0B0702;
|
||||
$colorbg: rgba(11,7,2,0.7);
|
||||
$colortext: #ead69c;
|
||||
$color0: #696350;
|
||||
$color1: #92360F;
|
||||
$color2: #9C5823;
|
||||
$color3: #A7683C;
|
||||
$color4: #DA681D;
|
||||
$color5: #F09A2D;
|
||||
$color6: #ead69c;
|
||||
$color7: #A7683C;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/8abwtVLP18Y/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABvuWZHErcUxghiy_4ZuNZFFoXUA
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #06060F;
|
||||
$colorbg: rgba(6,6,15,0.7);
|
||||
$colortext: #a1c6e4;
|
||||
$color0: #5322A1;
|
||||
$color1: #433AA8;
|
||||
$color2: #62589F;
|
||||
$color3: #691FD5;
|
||||
$color4: #8F4FB7;
|
||||
$color5: #9262DB;
|
||||
$color6: #a1c6e4;
|
||||
$color7: #691FD5;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000194675612-qt4sr3-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0f0d1b;
|
||||
$colorbg: rgba(15,13,27,0.7);
|
||||
$colortext: #db99a1;
|
||||
$color0: #5D2648;
|
||||
$color1: #6E2A4C;
|
||||
$color2: #8C1438;
|
||||
$color3: #A91D3B;
|
||||
$color4: #90294B;
|
||||
$color5: #A42848;
|
||||
$color6: #db99a1;
|
||||
$color7: #A91D3B;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000141682356-dsvdol-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0c1d33;
|
||||
$colorbg: rgba(12,29,51,0.7);
|
||||
$colortext: #dee6ed;
|
||||
$color0: #4977AC;
|
||||
$color1: #5F8AB8;
|
||||
$color2: #739BC5;
|
||||
$color3: #849FBF;
|
||||
$color4: #92B1D2;
|
||||
$color5: #B1C9E2;
|
||||
$color6: #dee6ed;
|
||||
$color7: #849FBF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/pLQGfSQUuCM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxjZ9gSU45DvSy7J__T2odBUct4w
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #150f0f;
|
||||
$colorbg: rgba(21,15,15,0.7);
|
||||
$colortext: #f5eae1;
|
||||
$color0: #CF8A77;
|
||||
$color1: #B29890;
|
||||
$color2: #E5AB94;
|
||||
$color3: #DAC6AF;
|
||||
$color4: #F4D0B6;
|
||||
$color5: #F7DCC5;
|
||||
$color6: #f5eae1;
|
||||
$color7: #DAC6AF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-viSbRZk1zikdSKYq-C4WdAw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #171216;
|
||||
$colorbg: rgba(23,18,22,0.7);
|
||||
$colortext: #e8e1e3;
|
||||
$color0: #995A5D;
|
||||
$color1: #DF5A5D;
|
||||
$color2: #5F5C8F;
|
||||
$color3: #AC7492;
|
||||
$color4: #918C90;
|
||||
$color5: #C2A6AE;
|
||||
$color6: #e8e1e3;
|
||||
$color7: #AC7492;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-0lZmu7Wr0b5dVxyr-DFcntg-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #09283D;
|
||||
$colorbg: rgba(9,40,61,0.7);
|
||||
$colortext: #a0dfef;
|
||||
$color0: #136FAF;
|
||||
$color1: #1569BF;
|
||||
$color2: #268BB3;
|
||||
$color3: #32BADE;
|
||||
$color4: #239FE0;
|
||||
$color5: #48AFD7;
|
||||
$color6: #a0dfef;
|
||||
$color7: #32BADE;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #090727;
|
||||
$colorbg: rgba(9,7,39,0.7);
|
||||
$colortext: #e1e4f1;
|
||||
$color0: #926AC9;
|
||||
$color1: #2994E6;
|
||||
$color2: #5E9EE8;
|
||||
$color3: #5BC3E9;
|
||||
$color4: #9EA8E4;
|
||||
$color5: #AEC4E9;
|
||||
$color6: #e1e4f1;
|
||||
$color7: #5BC3E9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #09020A;
|
||||
$colorbg: rgba(9,2,10,0.7);
|
||||
$colortext: #e5f0e2;
|
||||
$color0: #059687;
|
||||
$color1: #02B091;
|
||||
$color2: #01CB9A;
|
||||
$color3: #13F3A9;
|
||||
$color4: #5CD8A6;
|
||||
$color5: #A2E4BC;
|
||||
$color6: #e5f0e2;
|
||||
$color7: #13F3A9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #07172C;
|
||||
$colorbg: rgba(7,23,44,0.7);
|
||||
$colortext: #cbe3df;
|
||||
$color0: #AECD77;
|
||||
$color1: #3C6D8D;
|
||||
$color2: #5E9E96;
|
||||
$color3: #5EB2A8;
|
||||
$color4: #9ECEB0;
|
||||
$color5: #A2C3AD;
|
||||
$color6: #cbe3df;
|
||||
$color7: #5EB2A8;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-ztgvVI8fjqhzocM1-cFVrJw-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #17303c;
|
||||
$colorbg: rgba(23,48,60,0.7);
|
||||
$colortext: #e3eaee;
|
||||
$color0: #6FAED0;
|
||||
$color1: #8DAAB7;
|
||||
$color2: #A8C1BE;
|
||||
$color3: #8FB3CB;
|
||||
$color4: #9CBCD2;
|
||||
$color5: #A4D1E3;
|
||||
$color6: #e3eaee;
|
||||
$color7: #8FB3CB;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000155627816-4qluzo-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0c0704;
|
||||
$colorbg: rgba(12,7,4,0.7);
|
||||
$colortext: #e6e5de;
|
||||
$color0: #6C8576;
|
||||
$color1: #A3936C;
|
||||
$color2: #297386;
|
||||
$color3: #598D89;
|
||||
$color4: #9AA591;
|
||||
$color5: #D0CAA3;
|
||||
$color6: #e6e5de;
|
||||
$color7: #598D89;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000145811820-tdcxea-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #020204;
|
||||
$colorbg: rgba(2,2,4,0.7);
|
||||
$colortext: #eeddf4;
|
||||
$color0: #6F6BCF;
|
||||
$color1: #857AD7;
|
||||
$color2: #7E81DD;
|
||||
$color3: #9B87BB;
|
||||
$color4: #A198F2;
|
||||
$color5: #CBB6FA;
|
||||
$color6: #eeddf4;
|
||||
$color7: #9B87BB;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vz229DA99tPFdm3E-eDLGdQ-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #330a09;
|
||||
$colorbg: rgba(51,10,9,0.7);
|
||||
$colortext: #ebc9c4;
|
||||
$color0: #E93B2F;
|
||||
$color1: #B74037;
|
||||
$color2: #DF4C37;
|
||||
$color3: #EA4737;
|
||||
$color4: #E86155;
|
||||
$color5: #E78A75;
|
||||
$color6: #ebc9c4;
|
||||
$color7: #EA4737;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000117563971-vx726i-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #110e0f;
|
||||
$colorbg: rgba(17,14,15,0.7);
|
||||
$colortext: #eee8e1;
|
||||
$color0: #A29EA5;
|
||||
$color1: #E499B3;
|
||||
$color2: #B1B8C5;
|
||||
$color3: #F79AC3;
|
||||
$color4: #93D0F2;
|
||||
$color5: #ECD8CF;
|
||||
$color6: #eee8e1;
|
||||
$color7: #F79AC3;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000189983181-azrg5q-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #121e2a;
|
||||
$colorbg: rgba(18,30,42,0.7);
|
||||
$colortext: #eeeac9;
|
||||
$color0: #ABB472;
|
||||
$color1: #5FAD9E;
|
||||
$color2: #2FECAD;
|
||||
$color3: #5DE9B0;
|
||||
$color4: #61FACD;
|
||||
$color5: #A3CAAA;
|
||||
$color6: #eeeac9;
|
||||
$color7: #5DE9B0;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0D0F2B;
|
||||
$colorbg: rgba(13,15,43,0.7);
|
||||
$colortext: #e2ecf5;
|
||||
$color0: #5C6ADF;
|
||||
$color1: #B650B9;
|
||||
$color2: #6798EE;
|
||||
$color3: #40C3F0;
|
||||
$color4: #999DE3;
|
||||
$color5: #BBC9EC;
|
||||
$color6: #e2ecf5;
|
||||
$color7: #40C3F0;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/i7cDLZgrqW4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCRBvhM7aVv-ZgGz3TeptwLxpkccA
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #040D16;
|
||||
$colorbg: rgba(4,13,22,0.7);
|
||||
$colortext: #b5b4bb;
|
||||
$color0: #AF682F;
|
||||
$color1: #94744E;
|
||||
$color2: #DE9239;
|
||||
$color3: #AB8D5B;
|
||||
$color4: #E4A554;
|
||||
$color5: #F7CF67;
|
||||
$color6: #b5b4bb;
|
||||
$color7: #AB8D5B;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-nL66GQT0mV6xB0sq-VWO0IQ-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #141030;
|
||||
$colorbg: rgba(20,16,48,0.7);
|
||||
$colortext: #e2e4e9;
|
||||
$color0: #C74DD3;
|
||||
$color1: #D14EED;
|
||||
$color2: #DA5BEE;
|
||||
$color3: #47D3F2;
|
||||
$color4: #B4BAD8;
|
||||
$color5: #CAACD3;
|
||||
$color6: #e2e4e9;
|
||||
$color7: #47D3F2;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #020408;
|
||||
$colorbg: rgba(2,4,8,0.7);
|
||||
$colortext: #96e7cb;
|
||||
$color0: #2A6D69;
|
||||
$color1: #4A736A;
|
||||
$color2: #1C8E6F;
|
||||
$color3: #56A264;
|
||||
$color4: #8EA36F;
|
||||
$color5: #28A58C;
|
||||
$color6: #96e7cb;
|
||||
$color7: #56A264;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #050908;
|
||||
$colorbg: rgba(5,9,8,0.7);
|
||||
$colortext: #e6eee7;
|
||||
$color0: #BDB85E;
|
||||
$color1: #376993;
|
||||
$color2: #639B9B;
|
||||
$color3: #43B9BF;
|
||||
$color4: #09ABE4;
|
||||
$color5: #ADCBBD;
|
||||
$color6: #e6eee7;
|
||||
$color7: #43B9BF;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/-EDhOHxUYBI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDwfUPyaJr5NC-mDW_CQfTR2BzQgw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #0c0906;
|
||||
$colorbg: rgba(12,9,6,0.7);
|
||||
$colortext: #eae7df;
|
||||
$color0: #668C76;
|
||||
$color1: #A5916F;
|
||||
$color2: #C79C75;
|
||||
$color3: #ABA793;
|
||||
$color4: #CBB195;
|
||||
$color5: #D6CBAF;
|
||||
$color6: #eae7df;
|
||||
$color7: #ABA793;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000133005283-3v8p3y-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #071A1B;
|
||||
$colorbg: rgba(7,26,27,0.7);
|
||||
$colortext: #c5dddd;
|
||||
$color0: #43807F;
|
||||
$color1: #3F8181;
|
||||
$color2: #518F8F;
|
||||
$color3: #6FAAA9;
|
||||
$color4: #8CB6B6;
|
||||
$color5: #89C0C0;
|
||||
$color6: #c5dddd;
|
||||
$color7: #6FAAA9;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-TjOvf5O3gR9APB4i-XDwyyQ-t80x80.jpg
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #010102;
|
||||
$colorbg: rgba(1,1,2,0.7);
|
||||
$colortext: #e7e0f2;
|
||||
$color0: #7B8AD7;
|
||||
$color1: #8FA5AB;
|
||||
$color2: #97C5B8;
|
||||
$color3: #A7A2E4;
|
||||
$color4: #CEADF7;
|
||||
$color5: #ADC8E1;
|
||||
$color6: #e7e0f2;
|
||||
$color7: #A7A2E4;
|
||||
@@ -0,0 +1,14 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/_WUbjkbo_68/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD21OKbXXt2noW8DCM03zaAWn4ayw
|
||||
@function bluetint($color, $percentage) { @return mix(#CDDFED, $color, $percentage); }
|
||||
@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
|
||||
$colorbarbg: #25212e;
|
||||
$colorbg: rgba(37,33,46,0.7);
|
||||
$colortext: #ebe5e4;
|
||||
$color0: #A59AA1;
|
||||
$color1: #EA9EA6;
|
||||
$color2: #EDD2AD;
|
||||
$color3: #B9AFCB;
|
||||
$color4: #E0B7C9;
|
||||
$color5: #F9CFCD;
|
||||
$color6: #ebe5e4;
|
||||
$color7: #B9AFCB;
|
||||
@@ -0,0 +1 @@
|
||||
#a7e2ee
|
||||
@@ -0,0 +1 @@
|
||||
#a7e2ee
|
||||
@@ -0,0 +1 @@
|
||||
#e8cfdf
|
||||
@@ -0,0 +1 @@
|
||||
#e0eaf5
|
||||
@@ -0,0 +1 @@
|
||||
#96cfeb
|
||||
@@ -0,0 +1 @@
|
||||
#ddcdc3
|
||||
@@ -0,0 +1 @@
|
||||
#c5eff0
|
||||
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
@@ -0,0 +1 @@
|
||||
#e1ccd3
|
||||
@@ -0,0 +1 @@
|
||||
#dec8d0
|
||||
@@ -0,0 +1 @@
|
||||
#e9dfab
|
||||
@@ -0,0 +1 @@
|
||||
#ead69c
|
||||
@@ -0,0 +1 @@
|
||||
#a1c6e4
|
||||
@@ -0,0 +1 @@
|
||||
#db99a1
|
||||
@@ -0,0 +1 @@
|
||||
#dee6ed
|
||||
@@ -0,0 +1 @@
|
||||
#f5eae1
|
||||
@@ -0,0 +1 @@
|
||||
#e8e1e3
|
||||
@@ -0,0 +1 @@
|
||||
#a0dfef
|
||||
@@ -0,0 +1 @@
|
||||
#e1e4f1
|
||||
@@ -0,0 +1 @@
|
||||
#e5f0e2
|
||||
@@ -0,0 +1 @@
|
||||
#cbe3df
|
||||
@@ -0,0 +1 @@
|
||||
#e3eaee
|
||||
@@ -0,0 +1 @@
|
||||
#e6e5de
|
||||
@@ -0,0 +1 @@
|
||||
#eeddf4
|
||||
@@ -0,0 +1 @@
|
||||
#ebc9c4
|
||||
@@ -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
|
||||
Executable
+283
@@ -0,0 +1,283 @@
|
||||
@import 'css/colors';
|
||||
@import 'css/colorscheme';
|
||||
@import 'images/svg/color.scss';
|
||||
|
||||
@function tint($color, $percentage) {
|
||||
@return mix(rgb(245, 250, 255), $color, $percentage);
|
||||
}
|
||||
|
||||
@function shade($color, $percentage) {
|
||||
@return mix(rgb(0, 7, 18), $color, $percentage);
|
||||
}
|
||||
|
||||
$battcolor: $color6;
|
||||
$memcolor: $color4;
|
||||
$cpucolor: $color3;
|
||||
$border: $color7;
|
||||
$surface0: tint($colorbg, 10%);
|
||||
$bg1: $surface0;
|
||||
|
||||
$colormusic: $color4;
|
||||
$colorws: $color4;
|
||||
$coloredit: $color1;
|
||||
$colortime: $colortext;
|
||||
$colordate: shade($colortext, 25%);
|
||||
$colornotif: $color5;
|
||||
$colorthemer: $color3;
|
||||
|
||||
//thanks flick0!
|
||||
@keyframes gradient {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
//also thanks to him
|
||||
@keyframes blink {
|
||||
to {
|
||||
background-color: #f9e2af;
|
||||
color: #96804e;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
to {
|
||||
background-size: 1000% 1000%;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin rounding {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
@mixin filter {
|
||||
saturate {
|
||||
filter: saturate(3);
|
||||
}
|
||||
|
||||
grayscale {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
|
||||
contrast {
|
||||
filter: contrast(160%);
|
||||
}
|
||||
|
||||
brightness {
|
||||
filter: brightness(0.25);
|
||||
}
|
||||
|
||||
blur {
|
||||
filter: blur(3px);
|
||||
}
|
||||
|
||||
invert {
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
.sepia {
|
||||
filter: sepia(100%);
|
||||
}
|
||||
|
||||
huerotate {
|
||||
filter: hue-rotate(180deg);
|
||||
}
|
||||
|
||||
rss.opacity {
|
||||
filter: opacity(50%);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin window {
|
||||
border: 3px solid $color7;
|
||||
// box-shadow: 0 2px 3px $shadow;
|
||||
margin: 5px 5px 10px;
|
||||
@include rounding;
|
||||
}
|
||||
|
||||
//////////////// Globals ///////////////
|
||||
|
||||
* {
|
||||
all: unset;
|
||||
transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@import 'css/bgdecor';
|
||||
@import 'css/calendar';
|
||||
@import 'css/dashboard';
|
||||
@import 'css/music';
|
||||
@import 'css/notification';
|
||||
@import 'css/overview';
|
||||
@import 'css/osd';
|
||||
@import 'css/osettings';
|
||||
@import 'css/sidebar';
|
||||
@import 'css/system';
|
||||
@import 'css/themer';
|
||||
@import 'css/volume';
|
||||
@import 'css/winctl';
|
||||
|
||||
.bar {
|
||||
background-color: $colorbarbg;
|
||||
// background-color: rgba(25, 25, 25, 0.5);
|
||||
// background-color: transparent;
|
||||
// background-image: url("/home/end/.config/eww/images/topbar.png");
|
||||
color: $fg;
|
||||
|
||||
label {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
font-family: 'Rubik';
|
||||
}
|
||||
|
||||
tooltip {
|
||||
background-color: $colorbarbg;
|
||||
color: $colortext;
|
||||
border: 1px solid $colortext;
|
||||
}
|
||||
|
||||
.module {
|
||||
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-family: Material Symbols Outlined;
|
||||
}
|
||||
|
||||
.icon-square {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.button-true {
|
||||
background-color: $light0;
|
||||
}
|
||||
|
||||
.button-border-true {
|
||||
border-color: $light0;
|
||||
}
|
||||
|
||||
.icon-square-true {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.window {
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
.window-text {
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
//////////////// Other specific stuff ///////////////
|
||||
|
||||
.osettings-toggle-button-false {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
background-color: $color3;
|
||||
color: $colorbarbg;
|
||||
}
|
||||
|
||||
.osettings-toggle-button-true {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
background-color: $color3;
|
||||
color: $colorbarbg;
|
||||
}
|
||||
|
||||
.module-music {
|
||||
color: $colormusic
|
||||
}
|
||||
|
||||
.icon-music {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
background-color: $colormusic;
|
||||
color: $colorbarbg;
|
||||
}
|
||||
|
||||
.editmode {
|
||||
color: $coloredit;
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
.edit-mode-checkbox {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.edit-mode-checkbox-true {
|
||||
background-color: $overlay0;
|
||||
}
|
||||
|
||||
.timedate{
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
.clock {
|
||||
color: $colortime;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
.date {
|
||||
color: $colordate;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
.ws {
|
||||
min-height: 32px;
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
.ws-text {
|
||||
color: $colorbarbg;
|
||||
}
|
||||
|
||||
.ws-active {
|
||||
transition: 80ms cubic-bezier(0.05, 0.9, 0.1, 1);
|
||||
color: $colorws;
|
||||
}
|
||||
|
||||
.real-onotify-toggle-button {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
color: $colorbarbg;
|
||||
border-color: $colornotif;
|
||||
background-color: $colornotif;
|
||||
}
|
||||
|
||||
.window-music {
|
||||
border-color: $colormusic;
|
||||
}
|
||||
|
||||
.window-themer {
|
||||
border-color: $colorthemer;
|
||||
background-color: tint($colorbarbg, 12.5%);
|
||||
}
|
||||
|
||||
.window-titlebar-music {
|
||||
font-size: 1.2rem;
|
||||
padding-left: 3px;
|
||||
min-height: 16px;
|
||||
background-color: $colormusic;
|
||||
color: $colorbarbg;
|
||||
}
|
||||
|
||||
.window-titlebar-themer {
|
||||
font-size: 1.2rem;
|
||||
padding-left: 3px;
|
||||
min-height: 16px;
|
||||
background-color: $colorthemer;
|
||||
color: $colorbarbg;
|
||||
}
|
||||
Executable
+120
@@ -0,0 +1,120 @@
|
||||
;##################### Modules #########################
|
||||
(include "./modules/activewindow.yuck")
|
||||
(include "./modules/audiolevels.yuck")
|
||||
(include "./modules/bluetooth.yuck")
|
||||
(include "./modules/bright.yuck")
|
||||
(include "./modules/clock.yuck")
|
||||
(include "./modules/editmode.yuck")
|
||||
(include "./modules/music.yuck")
|
||||
; (include "./modules/net.yuck")
|
||||
(include "./modules/sys.yuck")
|
||||
(include "./modules/variables.yuck")
|
||||
(include "./modules/user.yuck")
|
||||
; (include "./modules/volume.yuck")
|
||||
(include "./modules/workspaces.yuck")
|
||||
|
||||
;##################### Windows #########################
|
||||
(include "./windows/bg-decor.yuck")
|
||||
(include "./windows/dynamic-bg.yuck")
|
||||
(include "./windows/dashboard.yuck")
|
||||
; (include "./windows/calendar.yuck")
|
||||
(include "./windows/music.yuck")
|
||||
(include "./windows/overview.yuck")
|
||||
(include "./windows/osd.yuck")
|
||||
(include "./windows/osettings.yuck")
|
||||
(include "./windows/onotify.yuck")
|
||||
; (include "./windows/system-menu.yuck")
|
||||
(include "./windows/themer.yuck")
|
||||
|
||||
(defwidget separator []
|
||||
(box
|
||||
:valign "start"
|
||||
(label
|
||||
:class "my-separator"
|
||||
:text "|"
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
(defwidget left []
|
||||
(eventbox
|
||||
:class "dummy-${brightness.icon} dummy-${net.icon} dummy-${wsjsona[0][0].at}-${wsjsonb[0][0].at} dummy-${activews}" ; Dummy class to keep some isteners active
|
||||
:onhover "${EWW_CMD} update music_reveal=true"
|
||||
:onhoverlost "${EWW_CMD} update music_reveal=false"
|
||||
(box
|
||||
:space-evenly false
|
||||
:valign "start"
|
||||
:halign "start"
|
||||
:class "bar"
|
||||
(osettings-button)
|
||||
(osu-music-module)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
(defwidget right []
|
||||
(eventbox
|
||||
:onhover "${EWW_CMD} update right_hover=true"
|
||||
:onhoverlost "${EWW_CMD} update right_hover=false"
|
||||
(box
|
||||
:space-evenly false
|
||||
:halign "end"
|
||||
:valign "start"
|
||||
:class "bar"
|
||||
(editmode)
|
||||
; (themer)
|
||||
; (user)
|
||||
(onotify-button)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
(defwidget center []
|
||||
(box
|
||||
:valign "start"
|
||||
:space-evenly false
|
||||
:halign "center"
|
||||
:class "bar"
|
||||
(workspaces)
|
||||
)
|
||||
)
|
||||
|
||||
(defwidget bar []
|
||||
; (box
|
||||
; :space-evenly false
|
||||
; :orientation "v"
|
||||
(eventbox
|
||||
:onhoverlost "${EWW_CMD} update popup='none'"
|
||||
:onhover "${EWW_CMD} update popup='none'"
|
||||
(centerbox
|
||||
:class "bar"
|
||||
(left)
|
||||
(center)
|
||||
(right)
|
||||
)
|
||||
)
|
||||
; )
|
||||
)
|
||||
|
||||
(defwidget barbg []
|
||||
(box
|
||||
:class "barbg"
|
||||
:stacking "overlay"
|
||||
)
|
||||
)
|
||||
|
||||
(defwindow bar
|
||||
:stacking "fg"
|
||||
:wm-ignore true
|
||||
:monitor 0
|
||||
:geometry (geometry
|
||||
:x "0%"
|
||||
:y "0%"
|
||||
:width "100%"
|
||||
:height "32px"
|
||||
:anchor "top center"
|
||||
)
|
||||
; :stacking "fg"
|
||||
:exclusive false
|
||||
(bar)
|
||||
)
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
@@ -0,0 +1,16 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#ebe9e4"/>
|
||||
<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#ebe9e4"/>
|
||||
<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#ebe9e4"/>
|
||||
<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#ebe9e4"/>
|
||||
<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#ebe9e4"/>
|
||||
<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#ebe9e4"/>
|
||||
<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#ebe9e4"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="91.9321" fill="#ebe9e4" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,13 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#ebe9e4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#ebe9e4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#ebe9e4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#ebe9e4"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
@@ -0,0 +1,12 @@
|
||||
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#ebe9e4"/>
|
||||
<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#ebe9e4"/>
|
||||
<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#ebe9e4"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user