forked from Shinonome/dots-hyprland
stuff
This commit is contained in:
end-4
@@ -0,0 +1,543 @@
|
||||
.corner-width {
|
||||
min-width: 1.5rem;
|
||||
}
|
||||
|
||||
.corner-height {
|
||||
min-height: 1.5rem;
|
||||
}
|
||||
|
||||
.bar-bg {
|
||||
background-color: $background;
|
||||
transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
.bar-bg-top-decor {
|
||||
// background-image: url('images/svg/drips.svg');
|
||||
}
|
||||
|
||||
.bar-height {
|
||||
transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
min-height: 2.727rem;
|
||||
}
|
||||
|
||||
.bar-width {
|
||||
transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
min-width: 2.727rem;
|
||||
}
|
||||
|
||||
.bar-bottom-height {
|
||||
transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
min-height: 4.091rem;
|
||||
}
|
||||
|
||||
.bar-sides {
|
||||
min-width: 27rem;
|
||||
}
|
||||
|
||||
.bar-bottom-sides {
|
||||
min-width: 34.091rem;
|
||||
}
|
||||
|
||||
.bgdecor-box {
|
||||
transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
border: 0.068rem solid $background;
|
||||
}
|
||||
|
||||
.flyin-top {
|
||||
animation-name: flyin-top;
|
||||
animation-duration: 250ms;
|
||||
animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
.flyin-bottom {
|
||||
animation-name: flyin-bottom;
|
||||
animation-duration: 250ms;
|
||||
animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
.dynamic-module {
|
||||
transition: 250ms cubic-bezier(0, 0, 0, 1);
|
||||
min-height: 2.727rem;
|
||||
}
|
||||
|
||||
.dynamic-module-hidetop {
|
||||
margin-top: -2.728rem;
|
||||
}
|
||||
|
||||
.dynamic-module-hidebottom {
|
||||
margin-bottom: -2.728rem;
|
||||
}
|
||||
|
||||
.bar-group-margin {
|
||||
padding: 0.2rem;
|
||||
}
|
||||
|
||||
.bar-group {
|
||||
background-color: mix($surface, $onSurface, 90%);
|
||||
}
|
||||
|
||||
.bar-group-pad {
|
||||
padding: 0rem 1.023rem;
|
||||
}
|
||||
|
||||
.bar-group-pad-less {
|
||||
padding: 0rem 0.681rem;
|
||||
}
|
||||
|
||||
.bar-group-pad-left {
|
||||
padding-left: 1.364rem;
|
||||
padding-right: 0.681rem;
|
||||
}
|
||||
|
||||
.bar-group-pad-right {
|
||||
padding-left: 0.681rem;
|
||||
padding-right: 1.364rem;
|
||||
}
|
||||
|
||||
.bar-group-pad-leftonly {
|
||||
padding-left: 0.681rem;
|
||||
}
|
||||
|
||||
.bar-group-pad-rightonly {
|
||||
padding-right: 0.681rem;
|
||||
}
|
||||
|
||||
.bar-group-standalone {
|
||||
border-radius: 1.364rem;
|
||||
}
|
||||
|
||||
.bar-group-round {
|
||||
border-radius: 10rem;
|
||||
}
|
||||
|
||||
.bar-group-middle {
|
||||
border-radius: 0.477rem;
|
||||
}
|
||||
|
||||
.bar-group-left {
|
||||
border-radius: 0.477rem;
|
||||
border-top-left-radius: 1.364rem;
|
||||
border-bottom-left-radius: 1.364rem;
|
||||
}
|
||||
|
||||
.bar-group-right {
|
||||
border-radius: 0.477rem;
|
||||
border-top-right-radius: 1.364rem;
|
||||
border-bottom-right-radius: 1.364rem;
|
||||
}
|
||||
|
||||
.bar-batt-circ {
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.bar-batt-circ-inside {
|
||||
min-height: 2.045rem;
|
||||
min-width: 2.045rem;
|
||||
}
|
||||
|
||||
.bar-batt-circ-low {
|
||||
color: $errorContainer;
|
||||
margin: 0.341rem;
|
||||
}
|
||||
|
||||
.bar-batt-circ-layer2 {
|
||||
color: $onSecondaryContainer;
|
||||
margin: 0.341rem;
|
||||
}
|
||||
|
||||
.bar-batt-circ-layer2-inside {
|
||||
min-width: 1.364rem;
|
||||
min-height: 1.364rem;
|
||||
}
|
||||
|
||||
.bar-batt {
|
||||
padding: 0rem 0.205rem;
|
||||
min-height: 0.954rem;
|
||||
border-radius: 10rem;
|
||||
color: $primaryContainer;
|
||||
background-color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.bar-batt-low {
|
||||
padding: 0rem 0.205rem;
|
||||
min-height: 0.954rem;
|
||||
border-radius: 10rem;
|
||||
color: $errorContainer;
|
||||
background-color: $onErrorContainer;
|
||||
}
|
||||
|
||||
.bar-batt-bottom {
|
||||
padding: 0rem 0.205rem;
|
||||
min-height: 0.954rem;
|
||||
border-radius: 10rem;
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.bar-batt-bottom-low {
|
||||
padding: 0rem 0.205rem;
|
||||
min-height: 0.954rem;
|
||||
border-radius: 10rem;
|
||||
color: $errorContainer;
|
||||
background-color: $onErrorContainer;
|
||||
}
|
||||
|
||||
.bar-batt-percentage {
|
||||
font-size: 1rem;
|
||||
margin-top: -0.068rem;
|
||||
margin-left: 0.137rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.bar-batt-percentage-bottom {
|
||||
font-size: 1rem;
|
||||
margin-top: -0.068rem;
|
||||
margin-left: 0.409rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.bar-batt-chargestate {
|
||||
// min-width: 0.681rem;
|
||||
// min-height: 0.681rem;
|
||||
border-radius: 10rem;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.bar-batt-chargestate-charging {
|
||||
border-radius: 10rem;
|
||||
min-width: 0.681rem;
|
||||
min-height: 0.681rem;
|
||||
background-color: $primaryContainer;
|
||||
}
|
||||
|
||||
.bar-batt-chargestate-charging-low {
|
||||
border-radius: 10rem;
|
||||
min-width: 0.681rem;
|
||||
min-height: 0.681rem;
|
||||
background-color: $errorContainer;
|
||||
}
|
||||
|
||||
.bar-batt-chargestate-bottom {
|
||||
background-color: transparent;
|
||||
border-radius: 10rem;
|
||||
min-width: 0.681rem;
|
||||
min-height: 0.681rem;
|
||||
margin: 0.682rem;
|
||||
}
|
||||
|
||||
.bar-batt-chargestate-bottom-charging {
|
||||
border-radius: 10rem;
|
||||
min-width: 0.681rem;
|
||||
min-height: 0.681rem;
|
||||
margin: 0.682rem;
|
||||
background-color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.bar-batt-chargestate-bottom-charging-low {
|
||||
border-radius: 10rem;
|
||||
min-width: 0.681rem;
|
||||
min-height: 0.681rem;
|
||||
margin: 0.682rem;
|
||||
background-color: $errorContainer;
|
||||
}
|
||||
|
||||
.bar-ws-width {
|
||||
min-width: 18.382rem;
|
||||
}
|
||||
|
||||
.bar-ws-txt {
|
||||
min-height: 1.772rem;
|
||||
min-width: 1.772rem;
|
||||
@include mainfont;
|
||||
font-size: 1.0909rem;
|
||||
// background: red;
|
||||
}
|
||||
|
||||
.ws {
|
||||
transition: 100ms cubic-bezier(0, 1, 0, 1);
|
||||
}
|
||||
|
||||
.bar-ws-txt-active {
|
||||
border-radius: 10rem;
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
}
|
||||
|
||||
.bar-ws-txt-true {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.bar-ws-txt-left {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
border-top-left-radius: 10rem;
|
||||
border-bottom-left-radius: 10rem;
|
||||
}
|
||||
|
||||
.bar-ws-txt-right {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
border-top-right-radius: 10rem;
|
||||
border-bottom-right-radius: 10rem;
|
||||
}
|
||||
|
||||
.bar-ws-txt-alone {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
border-radius: 10rem;
|
||||
}
|
||||
|
||||
.bar-ws-txt-middle {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.bar-ws-txt-false {
|
||||
color: $onSurface;
|
||||
}
|
||||
|
||||
.bar-music-playstate {
|
||||
min-width: 1.773rem;
|
||||
min-height: 1.773rem;
|
||||
border-radius: 10rem;
|
||||
margin: 0.273rem;
|
||||
margin-left: 0.205rem;
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.bar-music-playstate-playing {
|
||||
min-width: 1.773rem;
|
||||
min-height: 1.773rem;
|
||||
border-radius: 10rem;
|
||||
margin: 0.273rem;
|
||||
margin-left: 0.205rem;
|
||||
background-color: $primaryContainer;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.bar-music-playstate-txt {
|
||||
@include icon-material;
|
||||
font-size: 1.4545rem;
|
||||
margin-bottom: -0.137rem;
|
||||
margin-left: 0rem;
|
||||
}
|
||||
|
||||
.bar-music-cover {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
min-width: 11.932rem;
|
||||
}
|
||||
|
||||
.bar-music-extended-bg {
|
||||
border-radius: 1.364rem;
|
||||
min-width: 34.091rem;
|
||||
}
|
||||
|
||||
.bar-music-extended-ctl-bg {
|
||||
border-radius: 1.364rem;
|
||||
background-color: rgba(30, 30, 30, 0.6);
|
||||
}
|
||||
|
||||
.bar-music-bottom-bg {
|
||||
border-radius: 1.364rem;
|
||||
min-width: 34.091rem;
|
||||
}
|
||||
|
||||
.bar-music-bottom-ctl-bg {
|
||||
border-radius: 1.364rem;
|
||||
background-color: rgba(30, 30, 30, 0.6);
|
||||
}
|
||||
|
||||
.bar-music-extended-textbox {
|
||||
margin: 1.023rem;
|
||||
}
|
||||
|
||||
.bar-music-bottom-cover {
|
||||
border-radius: 10rem;
|
||||
}
|
||||
|
||||
.bar-music-hide-false {
|
||||
@include md3_decel;
|
||||
transition-duration: 100ms;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.bar-music-hide-true {
|
||||
@include md3_accel;
|
||||
transition-duration: 100ms;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.bar-music-btn {
|
||||
font-size: 1.364rem;
|
||||
border-radius: 10rem;
|
||||
min-height: 2.591rem;
|
||||
min-width: 2.591rem;
|
||||
}
|
||||
|
||||
.bar-music-btn:hover {
|
||||
background-color: $hovercolor;
|
||||
}
|
||||
|
||||
.bar-prog-batt {
|
||||
min-height: 0.955rem;
|
||||
min-width: 0.068rem;
|
||||
padding: 0rem;
|
||||
border-radius: 10rem;
|
||||
|
||||
trough {
|
||||
min-height: 0.954rem;
|
||||
min-width: 0.068rem;
|
||||
border-radius: 10rem;
|
||||
background-color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
progress {
|
||||
min-height: 0.680rem;
|
||||
min-width: 0.680rem;
|
||||
margin: 0rem 0.137rem;
|
||||
border-radius: 10rem;
|
||||
background-color: $primaryContainer;
|
||||
}
|
||||
}
|
||||
|
||||
.bar-prog-batt-low {
|
||||
min-height: 0.954rem;
|
||||
min-width: 0.068rem;
|
||||
padding: 0rem;
|
||||
border-radius: 10rem;
|
||||
|
||||
trough {
|
||||
min-height: 0.954rem;
|
||||
min-width: 0.068rem;
|
||||
border-radius: 10rem;
|
||||
background-color: $onErrorContainer;
|
||||
}
|
||||
|
||||
progress {
|
||||
min-height: 0.680rem;
|
||||
min-width: 0.680rem;
|
||||
margin: 0rem 0.137rem;
|
||||
border-radius: 10rem;
|
||||
background-color: $errorContainer;
|
||||
}
|
||||
}
|
||||
|
||||
.bar-prog-osd {
|
||||
min-height: 0.954rem;
|
||||
min-width: 0.068rem;
|
||||
padding: 0rem;
|
||||
border-radius: 10rem;
|
||||
|
||||
trough {
|
||||
min-height: 0.954rem;
|
||||
min-width: 0.068rem;
|
||||
border-radius: 10rem;
|
||||
background-color: $onSurfaceVariant;
|
||||
}
|
||||
|
||||
progress {
|
||||
min-height: 0.681rem;
|
||||
min-width: 0.681rem;
|
||||
margin: 0rem 0.137rem;
|
||||
border-radius: 10rem;
|
||||
background-color: $surfaceVariant;
|
||||
}
|
||||
}
|
||||
|
||||
menu {
|
||||
padding: 0.681rem;
|
||||
background: $surfaceVariant;
|
||||
color: $onSurfaceVariant;
|
||||
border-radius: 1.159rem;
|
||||
}
|
||||
|
||||
menubar>menuitem {
|
||||
border-radius: 0.545rem;
|
||||
min-width: 2.727rem;
|
||||
min-height: 2.727rem;
|
||||
}
|
||||
|
||||
menu>menuitem {
|
||||
padding: 0.4em 1.5rem;
|
||||
background: transparent;
|
||||
transition: 0.2s ease background;
|
||||
border-radius: 0.545rem;
|
||||
}
|
||||
|
||||
menu>menuitem:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.bar-btn {
|
||||
border-radius: 10rem;
|
||||
padding: 0.273rem;
|
||||
min-height: 2.182rem;
|
||||
min-width: 2.182rem;
|
||||
}
|
||||
|
||||
.bar-btn:hover {
|
||||
box {
|
||||
background-color: $hovercolor;
|
||||
}
|
||||
}
|
||||
|
||||
.bar-btn:active {
|
||||
box {
|
||||
background-color: $activecolor;
|
||||
}
|
||||
}
|
||||
|
||||
.bar-btn-box {
|
||||
margin: 0.273rem;
|
||||
border-radius: 10rem;
|
||||
min-width: 2.182rem;
|
||||
min-height: 2.182rem;
|
||||
padding: 0rem 0.681rem;
|
||||
}
|
||||
|
||||
.bar-rev {
|
||||
@include md3_decel;
|
||||
}
|
||||
|
||||
.bar-rev-close {
|
||||
@include md3_accel;
|
||||
}
|
||||
|
||||
.taskbar-button {
|
||||
margin: 0.341rem;
|
||||
border-radius: 10rem;
|
||||
min-width: 3.409rem;
|
||||
min-height: 3.409rem;
|
||||
}
|
||||
|
||||
.taskbar-button-active {
|
||||
background-color: mix($primary, rgba(0, 0, 0, 0), 60%);
|
||||
}
|
||||
|
||||
.taskbaricon {
|
||||
min-width: 3.409rem;
|
||||
min-height: 3.409rem;
|
||||
}
|
||||
|
||||
.bar-notif-indicator {
|
||||
border-radius: 10rem;
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
padding: 0.137rem 0.477rem;
|
||||
}
|
||||
|
||||
.bar-notif-icon {
|
||||
margin-top: 0.068rem;
|
||||
margin-bottom: -0.068rem;
|
||||
}
|
||||
|
||||
.bar-circ-bottom-size {
|
||||
min-height: 2.727rem;
|
||||
min-width: 2.727rem;
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
.cheatsheet-bg {
|
||||
border-radius: 1.432rem;
|
||||
margin-bottom: 0.682rem;
|
||||
background-color: $background;
|
||||
padding: 1.364rem;
|
||||
border: 2px solid $surfaceVariant;
|
||||
}
|
||||
|
||||
.cheatsheet-key {
|
||||
@include techfont;
|
||||
min-height: 1.364rem;
|
||||
min-width: 1.364rem;
|
||||
margin: 0.17rem;
|
||||
padding: 0.136rem 0.205rem;
|
||||
border-radius: 0.409rem;
|
||||
color: $primary;
|
||||
border: 0.068rem solid $primary;
|
||||
box-shadow: 0rem 0.136rem 0rem $primary;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.cheatsheet-key-notkey {
|
||||
min-height: 1.364rem;
|
||||
padding: 0.136rem 0.205rem;
|
||||
margin: 0.17rem;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.cheatsheet-action {}
|
||||
|
||||
.cheatsheet-closebtn {
|
||||
border-radius: 50rem;
|
||||
min-width: 2.386rem;
|
||||
min-height: 2.386rem;
|
||||
}
|
||||
|
||||
.cheatsheet-closebtn:hover {
|
||||
background-color: $surfaceVariant;
|
||||
}
|
||||
|
||||
.cheatsheet-closebtn:active {
|
||||
background-color: mix($surfaceVariant, $onSurfaceVariant, 70%);
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #070318;
|
||||
$colorbg: rgba(7,3,24,0.75);
|
||||
$colortext: #e5e1f2;
|
||||
$color0: #B355CF;
|
||||
$color1: #956CE5;
|
||||
$color2: #6C9AEA;
|
||||
$color3: #A39AEF;
|
||||
$color4: #D5A7EF;
|
||||
$color5: #AAD0F1;
|
||||
$color6: #e5e1f2;
|
||||
$color7: #A39AEF;
|
||||
Executable
+28
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"wallpaper": "/home/end/.config/eww/images/wallpaper",
|
||||
"alpha": "100",
|
||||
|
||||
"special": {
|
||||
"background": "#070318",
|
||||
"foreground": "#e5e1f2",
|
||||
"cursor": "#e5e1f2"
|
||||
},
|
||||
"colors": {
|
||||
"color0": "#070318",
|
||||
"color1": "#B355CF",
|
||||
"color2": "#956CE5",
|
||||
"color3": "#6C9AEA",
|
||||
"color4": "#A39AEF",
|
||||
"color5": "#D5A7EF",
|
||||
"color6": "#AAD0F1",
|
||||
"color7": "#e5e1f2",
|
||||
"color8": "#a09da9",
|
||||
"color9": "#B355CF",
|
||||
"color10": "#956CE5",
|
||||
"color11": "#6C9AEA",
|
||||
"color12": "#A39AEF",
|
||||
"color13": "#D5A7EF",
|
||||
"color14": "#AAD0F1",
|
||||
"color15": "#e5e1f2"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,357 @@
|
||||
// Common colors
|
||||
$hovercolor: rgba(128, 128, 128, 0.4);
|
||||
$activecolor: rgba(128, 128, 128, 0.7);
|
||||
|
||||
// Common rules
|
||||
@mixin mainfont {
|
||||
font-family: 'Lexend', 'Bahnschrift', 'Inter';
|
||||
// font-weight: 500;
|
||||
}
|
||||
|
||||
@mixin icon-material {
|
||||
font-family: 'Material Symbols Rounded';
|
||||
}
|
||||
|
||||
@mixin icon-nerd {
|
||||
font-family: 'JetBrainsMono Nerd Font';
|
||||
}
|
||||
|
||||
@mixin techfont {
|
||||
font-family: 'JetBrains Mono Nerd Font';
|
||||
}
|
||||
|
||||
@mixin subtext {
|
||||
color: rgb(160, 160, 160);
|
||||
}
|
||||
|
||||
@mixin elevation-safe {
|
||||
background: $surface;
|
||||
color: $onSurface;
|
||||
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.69);
|
||||
margin: 7px;
|
||||
}
|
||||
|
||||
@mixin elevation2 {
|
||||
background: $surface;
|
||||
color: $onSurface;
|
||||
box-shadow: 0px 2px 3px $shadow;
|
||||
margin: 7px;
|
||||
}
|
||||
|
||||
@mixin elevation3 {
|
||||
background: $surfaceVariant;
|
||||
color: $onSurfaceVariant;
|
||||
// box-shadow: 0px 2px 5px mix($shadow, rgba(0,0,0,0), 40%);
|
||||
box-shadow: 0px 2px 5px $shadow;
|
||||
margin: 7px;
|
||||
}
|
||||
|
||||
@mixin md3_decel {
|
||||
transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
@mixin md3_accel {
|
||||
transition: 180ms cubic-bezier(0.3, 0, 0.8, 0.15);
|
||||
}
|
||||
|
||||
@mixin noanim {
|
||||
transition: 0ms;
|
||||
}
|
||||
|
||||
@mixin anim-enter {
|
||||
transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
@mixin anim-exit {
|
||||
transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);
|
||||
}
|
||||
|
||||
@mixin m3-button {
|
||||
border-radius: 50rem;
|
||||
}
|
||||
|
||||
@keyframes flyin-top {
|
||||
from {
|
||||
margin-top: -2.795rem;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes flyin-bottom {
|
||||
from {
|
||||
margin-top: 4.841rem;
|
||||
margin-bottom: -4.841rem;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-bottom: 0rem;
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
@function tint($color, $percentage) {
|
||||
@return mix(rgb(245, 250, 255), $color, $percentage);
|
||||
}
|
||||
|
||||
@function shade($color, $percentage) {
|
||||
@return mix(rgb(0, 0, 0), $color, $percentage);
|
||||
}
|
||||
|
||||
.no-anim {
|
||||
@include noanim;
|
||||
}
|
||||
|
||||
.txt {
|
||||
color: $onBackground;
|
||||
}
|
||||
|
||||
.txt-shadow {
|
||||
text-shadow: 1px 2px 8px rgba(0,0,0,0.69);
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.txt-badonkers {
|
||||
@include mainfont;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.txt-tiddies {
|
||||
@include mainfont;
|
||||
font-size: 2.7273rem;
|
||||
}
|
||||
|
||||
.txt-hugeass {
|
||||
@include mainfont;
|
||||
font-size: 1.8182rem;
|
||||
}
|
||||
|
||||
.txt-larger {
|
||||
@include mainfont;
|
||||
font-size: 1.6363rem;
|
||||
}
|
||||
|
||||
.txt-large {
|
||||
//16pt
|
||||
@include mainfont;
|
||||
font-size: 1.4545rem;
|
||||
}
|
||||
|
||||
.txt-norm {
|
||||
//14pt
|
||||
@include mainfont;
|
||||
font-size: 1.2727rem;
|
||||
}
|
||||
|
||||
.txt-small {
|
||||
//12pt
|
||||
@include mainfont;
|
||||
font-size: 1.0909rem;
|
||||
}
|
||||
|
||||
.txt-smallie {
|
||||
//11pt
|
||||
@include mainfont;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.txt-smaller {
|
||||
//10pt
|
||||
@include mainfont;
|
||||
font-size: 0.9091rem;
|
||||
}
|
||||
|
||||
.txt-smaller-offset {
|
||||
margin-top: -0.136rem;
|
||||
}
|
||||
|
||||
.txt-tiny {
|
||||
@include mainfont;
|
||||
font-size: 0.7273rem;
|
||||
}
|
||||
|
||||
.txt-subtxt {
|
||||
color: mix($onBackground, $background, 80%);
|
||||
}
|
||||
|
||||
.txt-bold {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.icon-material {
|
||||
@include icon-material;
|
||||
}
|
||||
|
||||
.separator {
|
||||
border-radius: 50rem;
|
||||
background-color: $onSurface;
|
||||
margin: 0rem 0.682rem;
|
||||
min-width: 0.545rem;
|
||||
min-height: 0.545rem;
|
||||
}
|
||||
|
||||
tooltip {
|
||||
background-color: $surfaceVariant;
|
||||
color: $onSurfaceVariant;
|
||||
border-radius: 50rem;
|
||||
border: 1px solid $onSurfaceVariant;
|
||||
}
|
||||
|
||||
|
||||
$overlay1: mix($onSurface, rgba(0, 0, 0, 0), 25%);
|
||||
$overlay2: mix($onSurface, rgba(0, 0, 0, 0), 40%);
|
||||
|
||||
|
||||
.spacing-v-15>box {
|
||||
margin-bottom: 1.023rem;
|
||||
}
|
||||
|
||||
.spacing-v-15>box:last-child {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.spacing-v-15>scrolledwindow {
|
||||
margin-bottom: 1.023rem;
|
||||
}
|
||||
|
||||
.spacing-v-15>scrolledwindow:last-child {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.spacing-v-15>revealer {
|
||||
margin-bottom: 1.023rem;
|
||||
}
|
||||
|
||||
.spacing-v-15>revealer:last-child {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.spacing-v-15>label {
|
||||
margin-bottom: 1.023rem;
|
||||
}
|
||||
|
||||
.spacing-v-15>label:last-child {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.spacing-h-15>box {
|
||||
margin-right: 1.023rem;
|
||||
}
|
||||
|
||||
.spacing-h-15>box:last-child {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.spacing-h-15>label {
|
||||
margin-right: 1.023rem;
|
||||
}
|
||||
|
||||
.spacing-h-15>label:last-child {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.spacing-h-15>button {
|
||||
margin-right: 1.023rem;
|
||||
}
|
||||
|
||||
.spacing-h-15>button:last-child {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.spacing-v-5>box {
|
||||
margin-bottom: 0.341rem;
|
||||
}
|
||||
|
||||
.spacing-v-5>box:last-child {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.spacing-v-5>label {
|
||||
margin-bottom: 0.341rem;
|
||||
}
|
||||
|
||||
.spacing-v-5>label:last-child {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.spacing-v-5>button {
|
||||
margin-bottom: 0.341rem;
|
||||
}
|
||||
|
||||
.spacing-v-5>button:last-child {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.spacing-h-5>box {
|
||||
margin-right: 0.341rem;
|
||||
}
|
||||
|
||||
.spacing-h-5>box:last-child {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.spacing-h-5>label {
|
||||
margin-right: 0.341rem;
|
||||
}
|
||||
|
||||
.spacing-h-5>label:last-child {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.spacing-h-5>widget>box {
|
||||
margin-right: 0.341rem;
|
||||
}
|
||||
|
||||
.spacing-h-5>widget:last-child>box {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.spacing-v-minus5>box {
|
||||
margin-bottom: -0.341rem;
|
||||
}
|
||||
|
||||
.spacing-v-minus5>box:last-child {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.spacing-v-minus5>label {
|
||||
margin-bottom: -0.341rem;
|
||||
}
|
||||
|
||||
.spacing-v-minus5>label:last-child {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.spacing-h-10>box {
|
||||
margin-right: 0.682rem;
|
||||
}
|
||||
|
||||
.spacing-h-10>box:last-child {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.spacing-h-10>label {
|
||||
margin-right: 0.682rem;
|
||||
}
|
||||
|
||||
.spacing-h-10>label:last-child {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.spacing-h-10>widget {
|
||||
margin-right: 0.682rem;
|
||||
}
|
||||
|
||||
.spacing-h-10>widget:last-child {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
.anim-enter {
|
||||
@include anim-enter;
|
||||
}
|
||||
|
||||
.anim-exit {
|
||||
@include anim-exit;
|
||||
}
|
||||
Executable
+28
@@ -0,0 +1,28 @@
|
||||
$primary: #c8bfff;
|
||||
$onPrimary: #2d2176;
|
||||
$primaryContainer: #443a8e;
|
||||
$onPrimaryContainer: #e5deff;
|
||||
$secondary: #c8c3dc;
|
||||
$onSecondary: #302e41;
|
||||
$secondaryContainer: #474459;
|
||||
$onSecondaryContainer: #e5dff9;
|
||||
$tertiary: #ecb9cf;
|
||||
$onTertiary: #482537;
|
||||
$tertiaryContainer: #613b4d;
|
||||
$onTertiaryContainer: #ffd8e9;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #1c1b1f;
|
||||
$background: #1c1b1f;
|
||||
$onBackground: #e5e1e6;
|
||||
$surface: #1c1b1f;
|
||||
$onSurface: #e5e1e6;
|
||||
$surfaceVariant: #47464f;
|
||||
$onSurfaceVariant: #c9c5d0;
|
||||
$outline: #928f9a;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e5e1e6;
|
||||
$inverseOnSurface: #313033;
|
||||
$inversePrimary: #5c53a7;
|
||||
@@ -0,0 +1,47 @@
|
||||
.popup-notif-common {
|
||||
min-width: 34.091rem;
|
||||
transition: 100ms;
|
||||
padding: 1.023rem;
|
||||
}
|
||||
|
||||
.popup-notif {
|
||||
border-radius: 1.432rem;
|
||||
margin-bottom: 0.682rem;
|
||||
}
|
||||
|
||||
.popup-notif-top {
|
||||
border-top-left-radius: 1.432rem;
|
||||
border-top-right-radius: 1.432rem;
|
||||
}
|
||||
|
||||
.popup-notif-middle {
|
||||
// padding: 0rem 1.023rem 1.023rem 1.023rem;
|
||||
}
|
||||
|
||||
.popup-notif-bottom {
|
||||
border-bottom-left-radius: 1.432rem;
|
||||
border-bottom-right-radius: 1.432rem;
|
||||
// padding: 0rem 1.023rem 1.023rem 1.023rem;
|
||||
margin-bottom: 0.682rem;
|
||||
}
|
||||
|
||||
.popup-notif-urgent {
|
||||
background-color: $error;
|
||||
color: $onError;
|
||||
}
|
||||
|
||||
.popup-notif-normal {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.popup-notif-normal > box > label {
|
||||
color: mix($onSecondaryContainer, $secondaryContainer, 80%);
|
||||
}
|
||||
|
||||
.popup-notif-hint {
|
||||
padding: 0.341rem 0.682rem;
|
||||
border-radius: 1.023rem;
|
||||
background-color: $surfaceVariant;
|
||||
color: $onSurfaceVariant;
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
.powermenu-bg {
|
||||
background-color: mix($background, rgba(0, 0, 0, 0), 25%);
|
||||
}
|
||||
|
||||
.powermenu-btn-area {
|
||||
padding: 1.364rem 3.409rem;
|
||||
}
|
||||
|
||||
.powermenu-btn {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
border-radius: 1.432rem;
|
||||
padding: 0.682rem;
|
||||
min-width: 11.591rem;
|
||||
}
|
||||
|
||||
.powermenu-btn:hover {
|
||||
background-color: tint($secondaryContainer, 10%);
|
||||
color: tint($onSecondaryContainer, 10%);
|
||||
}
|
||||
|
||||
.powermenu-btn:active {
|
||||
background-color: tint($secondaryContainer, 15%);
|
||||
color: tint($onSecondaryContainer, 15%);
|
||||
}
|
||||
|
||||
.powermenu-btn-active {
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
border-radius: 1.432rem;
|
||||
padding: 0.341rem;
|
||||
padding: 0.682rem;
|
||||
min-width: 11.591rem;
|
||||
}
|
||||
|
||||
.powermenu-btn-active:hover {
|
||||
background-color: tint($primary, 8%);
|
||||
color: tint($onPrimary, 8%);
|
||||
}
|
||||
|
||||
.powermenu-btn-active:active {
|
||||
background-color: tint($primary, 20%);
|
||||
color: tint($onPrimary, 20%);
|
||||
|
||||
}
|
||||
|
||||
.powermenu-btn-forceheight {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
border-radius: 1.432rem;
|
||||
padding: 0.341rem;
|
||||
min-width: 11.591rem;
|
||||
min-height: 7.5rem;
|
||||
}
|
||||
|
||||
.powermenu-btn-forceheight:hover {
|
||||
background-color: tint($secondaryContainer, 10%);
|
||||
color: tint($onSecondaryContainer, 10%);
|
||||
}
|
||||
|
||||
.powermenu-btn-forceheight:active {
|
||||
background-color: tint($secondaryContainer, 15%);
|
||||
color: tint($onSecondaryContainer, 15%);
|
||||
}
|
||||
|
||||
.powermenu-btn-forceheight-active {
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
border-radius: 1.432rem;
|
||||
padding: 0.341rem;
|
||||
min-width: 11.591rem;
|
||||
min-height: 7.5rem;
|
||||
}
|
||||
|
||||
.powermenu-btn-forceheight-active:hover {
|
||||
background-color: tint($primary, 8%);
|
||||
color: tint($onPrimary, 8%);
|
||||
}
|
||||
|
||||
.powermenu-btn-forceheight-active:active {
|
||||
background-color: tint($primary, 20%);
|
||||
color: tint($onPrimary, 20%);
|
||||
|
||||
}
|
||||
|
||||
.powermenu-time {
|
||||
padding: 1.364rem 3.409rem;
|
||||
}
|
||||
|
||||
.powermenu-keybind-min-width {
|
||||
min-width: 6.818rem;
|
||||
}
|
||||
|
||||
.powermenu-btn-bottom {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
border-radius: 1.432rem;
|
||||
padding: 0.341rem;
|
||||
min-width: 11.591rem;
|
||||
min-height: 4.773rem;
|
||||
}
|
||||
|
||||
.powermenu-btn-bottom:hover {
|
||||
background-color: tint($secondaryContainer, 10%);
|
||||
color: tint($onSecondaryContainer, 10%);
|
||||
}
|
||||
|
||||
.powermenu-btn-bottom:active {
|
||||
background-color: tint($secondaryContainer, 15%);
|
||||
color: tint($onSecondaryContainer, 15%);
|
||||
}
|
||||
|
||||
.powermenu-btn-number {
|
||||
min-width: 1.705rem;
|
||||
min-height: 1.705rem;
|
||||
margin: 0.477rem;
|
||||
padding: 0.136rem 0.273rem;
|
||||
border-radius: 0.955rem;
|
||||
background-color: mix($secondaryContainer, $surface, 70%);
|
||||
}
|
||||
|
||||
.powermenu-icon {
|
||||
min-width: 6.25rem;
|
||||
min-height: 6.25rem;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: auto 100%;
|
||||
font-size: 6.375rem;
|
||||
color: $onBackground;
|
||||
}
|
||||
Executable
+136
@@ -0,0 +1,136 @@
|
||||
@keyframes flyin-top {
|
||||
from {
|
||||
margin-top: -3.409rem;
|
||||
margin-bottom: 3.409rem;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-bottom: 0rem;
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
.powerview-search-box-size {
|
||||
min-width: 20.455rem;
|
||||
min-height: 4.091rem;
|
||||
}
|
||||
|
||||
.powerview-search-list-size {
|
||||
min-width: 34.227rem;
|
||||
min-height: 61rem;
|
||||
}
|
||||
|
||||
.powerview-search-field {
|
||||
margin: 0.273rem;
|
||||
padding: 0rem 1.364rem;
|
||||
border-radius: 50rem;
|
||||
@include elevation2;
|
||||
}
|
||||
|
||||
.powerview-search-txt {
|
||||
@include mainfont;
|
||||
padding: 0rem 1.023rem;
|
||||
|
||||
selection {
|
||||
background-color: $secondary;
|
||||
color: $onSecondary;
|
||||
}
|
||||
}
|
||||
|
||||
.powerview-search-txt:focus {
|
||||
background-color: mix($background, $primaryContainer, 85%);
|
||||
}
|
||||
|
||||
.powerview-search-prompt-txt {
|
||||
@include mainfont;
|
||||
color: $onSurfaceVariant;
|
||||
}
|
||||
|
||||
.powerview-bg {
|
||||
border-radius: 17px;
|
||||
@include elevation2;
|
||||
}
|
||||
|
||||
.powerview-ws {
|
||||
border-radius: 13px;
|
||||
background-color: rgba(80, 80, 80, 0.1);
|
||||
margin: 0.273rem;
|
||||
}
|
||||
|
||||
.powerview-ws-true {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.powerview-ws-false {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.powerview-ws-window {
|
||||
border-radius: 13px;
|
||||
background-color: mix($onSecondary, rgba(80, 80, 80, 0.3), 30%);
|
||||
}
|
||||
|
||||
.powerview-ws-window-selected {
|
||||
border-radius: 13px;
|
||||
background-color: mix($secondaryContainer, rgba(80, 80, 80, 0.3), 30%);
|
||||
}
|
||||
|
||||
.powerview-search-result {
|
||||
@include mainfont;
|
||||
border-radius: 22px;
|
||||
font-size: 1.364rem;
|
||||
min-height: 3.205rem;
|
||||
min-width: 27.273rem;
|
||||
padding: 0.136rem 0.818rem;
|
||||
padding-left: 3.886rem;
|
||||
margin: 0rem 0.341rem;
|
||||
|
||||
background-color: $background;
|
||||
color: $onBackground;
|
||||
background-size: 400% auto;
|
||||
background-position: 40% 50%;
|
||||
|
||||
caret-color: $onSecondaryContainer;
|
||||
|
||||
selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.powerview-search-result:focus {
|
||||
color: $onPrimaryContainer;
|
||||
// background-position: 65% 50%;
|
||||
background-color: mix($background, $primaryContainer, 90%);
|
||||
|
||||
selection {
|
||||
color: $onPrimaryContainer;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.powerview-search-result:active {
|
||||
color: $onPrimaryContainer;
|
||||
// background-color: $secondaryContainer;
|
||||
// background-position: 100% 50%;
|
||||
background-color: mix($background, $primaryContainer, 90%);
|
||||
|
||||
selection {
|
||||
color: $onPrimaryContainer;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.overview-search-result-icon {
|
||||
// background-color: $secondaryContainer;
|
||||
border-radius: 18px;
|
||||
min-height: 3.477rem;
|
||||
min-width: 3.477rem;
|
||||
margin: 0rem 0.341rem;
|
||||
}
|
||||
|
||||
.powerview-info {
|
||||
padding: 1.023rem;
|
||||
border-radius: 22px;
|
||||
min-width: 75rem;
|
||||
@include elevation2;
|
||||
}
|
||||
@@ -0,0 +1,634 @@
|
||||
.sidebar-window {
|
||||
@include elevation2;
|
||||
background-color: $background;
|
||||
border-radius: 17px;
|
||||
min-width: 34.091rem;
|
||||
margin: 0.205rem;
|
||||
padding: 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-height {
|
||||
min-height: 70.909rem;
|
||||
}
|
||||
|
||||
.sidebar-bottom-height {
|
||||
min-height: 69.545rem;
|
||||
}
|
||||
|
||||
.sidebar-hide-left {
|
||||
margin-left: -40rem;
|
||||
}
|
||||
|
||||
.sidebar-hide-right {
|
||||
margin-right: -40rem;
|
||||
}
|
||||
|
||||
.sidebar-section-heading {
|
||||
@include mainfont;
|
||||
color: $onSurfaceVariant;
|
||||
}
|
||||
|
||||
.sidebar-section {
|
||||
background-color: mix($surface, $onSurface, 90%);
|
||||
border-radius: 15px;
|
||||
padding: 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-notif-common {
|
||||
transition: 100ms;
|
||||
padding: 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-notif {
|
||||
border-radius: 1.432rem;
|
||||
// padding: 1.023rem;
|
||||
margin-bottom: 0.682rem;
|
||||
}
|
||||
|
||||
.sidebar-notif-top {
|
||||
border-top-left-radius: 1.432rem;
|
||||
border-top-right-radius: 1.432rem;
|
||||
// padding: 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-notif-middle {
|
||||
// padding: 0rem 1.023rem 1.023rem 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-notif-bottom {
|
||||
border-bottom-left-radius: 1.432rem;
|
||||
border-bottom-right-radius: 1.432rem;
|
||||
// padding: 0rem 1.023rem 1.023rem 1.023rem;
|
||||
margin-bottom: 0.682rem;
|
||||
}
|
||||
|
||||
.sidebar-notif-urgent {
|
||||
background-color: $error;
|
||||
color: $onError;
|
||||
}
|
||||
|
||||
.sidebar-notif-normal {
|
||||
background-color: $secondaryContainer;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-notif-normal>box>label {
|
||||
color: mix($onSecondaryContainer, $secondaryContainer, 80%);
|
||||
}
|
||||
|
||||
.sidebar-notif-heading {
|
||||
color: $onSurface;
|
||||
padding: 0.205rem 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-notif-action {
|
||||
box {
|
||||
border-radius: 50rem;
|
||||
color: $onSurface;
|
||||
padding: 0.205rem 1.023rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-notif-action:hover {
|
||||
box {
|
||||
background-color: mix($surfaceVariant, $onSurfaceVariant, 80%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-notif-action:active {
|
||||
box {
|
||||
background-color: mix($surfaceVariant, $onSurfaceVariant, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-calendar-btn {
|
||||
@include mainfont;
|
||||
font-weight: 500;
|
||||
min-height: 1.977rem;
|
||||
min-width: 1.977rem;
|
||||
margin: 0.068rem;
|
||||
border-radius: 50rem;
|
||||
}
|
||||
|
||||
.sidebar-calendar-txt {
|
||||
@include mainfont;
|
||||
border-radius: 50rem;
|
||||
font-weight: 500;
|
||||
min-height: 1.977rem;
|
||||
min-width: 1.977rem;
|
||||
margin: 0.205rem;
|
||||
}
|
||||
|
||||
.day-1 {
|
||||
background-color: transparent;
|
||||
color: mix($onSurfaceVariant, $surfaceVariant, 38%);
|
||||
}
|
||||
|
||||
.day0 {
|
||||
background-color: transparent;
|
||||
color: $onSurfaceVariant;
|
||||
}
|
||||
|
||||
.day-1:hover {
|
||||
background-color: rgba(75, 75, 75, 0.5);
|
||||
}
|
||||
|
||||
.day0:hover {
|
||||
background-color: rgba(75, 75, 75, 0.5);
|
||||
}
|
||||
|
||||
.day-1:active {
|
||||
background-color: rgba(125, 125, 125, 0.5);
|
||||
}
|
||||
|
||||
.day0:active {
|
||||
background-color: rgba(125, 125, 125, 0.5);
|
||||
}
|
||||
|
||||
.day1 {
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
}
|
||||
|
||||
.day1:hover {
|
||||
background-color: mix($primary, $onBackground, 70%);
|
||||
}
|
||||
|
||||
.day1:active {
|
||||
background-color: mix($primary, $onBackground, 50%);
|
||||
}
|
||||
|
||||
.sidebar-todo-item {
|
||||
margin: 0.341rem 0.341rem;
|
||||
color: $onSurfaceVariant;
|
||||
}
|
||||
|
||||
.sidebar-todo-btn {
|
||||
min-width: 1.909rem;
|
||||
min-height: 1.909rem;
|
||||
border-radius: 50rem;
|
||||
}
|
||||
|
||||
.sidebar-todo-btn:hover {
|
||||
color: $onSurface;
|
||||
background-color: $surface;
|
||||
}
|
||||
|
||||
.sidebar-todo-btn:active {
|
||||
color: $onPrimary;
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.sidebar-toggle {
|
||||
box {
|
||||
background-color: $surfaceVariant;
|
||||
color: $onSurfaceVariant;
|
||||
border-radius: 1.432rem;
|
||||
padding: 1.159rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-toggle:hover {
|
||||
box {
|
||||
background-color: tint($surfaceVariant, 10%);
|
||||
color: tint($onSurfaceVariant, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-toggle:active {
|
||||
sidebar {
|
||||
background-color: tint($surfaceVariant, 15%);
|
||||
color: tint($onSurfaceVariant, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-toggle-active {
|
||||
box {
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
border-radius: 1.432rem;
|
||||
padding: 1.159rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-toggle-active:hover {
|
||||
box {
|
||||
background-color: tint($primary, 8%);
|
||||
color: tint($onPrimary, 8%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-toggle-active:active {
|
||||
box {
|
||||
background-color: tint($primary, 20%);
|
||||
color: tint($onPrimary, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-action {
|
||||
background-color: $background;
|
||||
color: $onBackground;
|
||||
border-radius: 1.432rem;
|
||||
padding: 0.341rem;
|
||||
}
|
||||
|
||||
.sidebar-action:hover {
|
||||
background-color: tint($background, 10%);
|
||||
color: tint($onBackground, 10%);
|
||||
}
|
||||
|
||||
.sidebar-action:active {
|
||||
background-color: tint($background, 15%);
|
||||
color: tint($onBackground, 15%);
|
||||
}
|
||||
|
||||
$bgdetail: $onSecondary;
|
||||
$bgdetail2: $onTertiary;
|
||||
|
||||
.sidebar-music-thumbnail {
|
||||
min-height: 13.636rem;
|
||||
border-radius: 1.432rem;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar-music-thumbnail-fallback {
|
||||
min-height: 13.636rem;
|
||||
border-radius: 1.432rem;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
background-color: shade($onSecondary, 50%);
|
||||
background-image:
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
|
||||
radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 24%, $bgdetail 24%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
|
||||
radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 26%, $bgdetail 26%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
|
||||
radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 25%, $bgdetail 25%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
|
||||
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
|
||||
|
||||
linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
|
||||
;
|
||||
background-size:
|
||||
0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
|
||||
0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
|
||||
0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
|
||||
|
||||
0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
|
||||
0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
|
||||
0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
|
||||
|
||||
4.091rem 4.091rem, 8.182rem 8.182rem, 6.136rem 6.136rem,
|
||||
|
||||
1.364rem 2.727rem, 1.364rem 2.727rem, 2.727rem 5.455rem, 2.727rem 5.455rem,
|
||||
2.727rem 5.455rem, 2.727rem 5.455rem,
|
||||
|
||||
100% 100%,
|
||||
;
|
||||
background-position:
|
||||
0rem 6.818rem, 0.9rem 6.818rem, 2.045rem 6.818rem, 3.068rem 6.818rem,
|
||||
4.091rem 6.818rem, 5.114rem 6.818rem, 6.136rem 6.818rem, 7.159rem 6.818rem,
|
||||
8.182rem 6.818rem, 9.205rem 6.818rem, 10.227rem 6.818rem,
|
||||
|
||||
37.5rem 2.727rem, 36.477rem 2.727rem, 35.455rem 2.727rem, 34.432rem 2.727rem,
|
||||
33.409rem 2.727rem, 32.386rem 2.727rem, 31.364rem 2.727rem, 30.341rem 2.727rem,
|
||||
29.318rem 2.727rem, 28.295rem 2.727rem, 27.273rem 2.727rem, 26.25rem 2.727rem,
|
||||
|
||||
20.455rem 4.091rem, 11.25rem 9.205rem, 12.273rem 0.341rem,
|
||||
|
||||
24.545rem 12.955rem, 25.909rem 12.955rem, 23.182rem 11.591rem, 25.909rem 11.591rem,
|
||||
2.727rem -0.682rem, 5.455rem -0.682rem,
|
||||
|
||||
top,
|
||||
;
|
||||
}
|
||||
|
||||
.sidebar-music-vignette {
|
||||
min-height: 13.636rem;
|
||||
border-radius: 1.432rem;
|
||||
background-color: mix($surface, rgba(0, 0, 0, 0), 50%);
|
||||
}
|
||||
|
||||
.sidebar-music-toprow {
|
||||
padding: 0rem 0.5115rem;
|
||||
}
|
||||
|
||||
.sidebar-music-source {
|
||||
@include icon-nerd;
|
||||
margin: 0rem 1.3rem;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-music-output {
|
||||
@include mainfont;
|
||||
border-radius: 1.432rem;
|
||||
margin: 1.023rem 0.5115rem;
|
||||
padding: 0.341rem 1.023rem;
|
||||
color: $onSurfaceVariant;
|
||||
background-color: $surfaceVariant;
|
||||
}
|
||||
|
||||
.sidebar-music-output:hover {
|
||||
background-color: mix($surfaceVariant, $onBackground, 70%);
|
||||
color: mix($onSurfaceVariant, $onBackground, 70%);
|
||||
}
|
||||
|
||||
.sidebar-music-output:active {
|
||||
background-color: mix($surfaceVariant, $onBackground, 50%);
|
||||
color: mix($onSurfaceVariant, $onBackground, 50%);
|
||||
}
|
||||
|
||||
.sidebar-music-title-scroll {
|
||||
margin: 0.9rem;
|
||||
}
|
||||
|
||||
.sidebar-music-title {
|
||||
@include mainfont;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-music-artist {
|
||||
@include mainfont;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-music-playbtn {
|
||||
box {
|
||||
min-width: 4.091rem;
|
||||
min-height: 4.091rem;
|
||||
margin: 1.023rem;
|
||||
@include icon-material;
|
||||
border-radius: 1.3rem;
|
||||
color: $inverseOnSurface;
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-music-trackbtn {
|
||||
box {
|
||||
@include icon-material;
|
||||
margin: 1.023rem;
|
||||
border-radius: 1.432rem;
|
||||
min-width: 2.386rem;
|
||||
min-height: 2.386rem;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-music-trackbtn:hover {
|
||||
box {
|
||||
background-color: $overlay1;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-music-trackbtn:active {
|
||||
box {
|
||||
background-color: $overlay2;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-music-progress {
|
||||
min-height: 0.19rem;
|
||||
min-width: 4.091rem;
|
||||
border-radius: 50rem;
|
||||
background-color: $surface;
|
||||
}
|
||||
|
||||
.sidebar-music-progress-btn {
|
||||
margin-top: -0.3rem;
|
||||
color: $onPrimaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-music-slider {
|
||||
border-radius: 50rem;
|
||||
margin: 1.3rem;
|
||||
transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
|
||||
trough {
|
||||
min-height: 0.19rem;
|
||||
min-width: 4.091rem;
|
||||
border-radius: 50rem;
|
||||
background-color: $surface;
|
||||
}
|
||||
|
||||
highlight {
|
||||
min-width: 0.19rem;
|
||||
border-radius: 50rem;
|
||||
background-color: shade($onBackground, 20%);
|
||||
transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
}
|
||||
|
||||
slider {
|
||||
min-width: 0.341rem;
|
||||
margin: -0.5rem;
|
||||
border-radius: 50rem;
|
||||
background-color: shade($onBackground, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-divider {
|
||||
background-color: $onSurfaceVariant;
|
||||
}
|
||||
|
||||
.sidebar-waifu-scrollbg {
|
||||
min-height: 37.5rem;
|
||||
}
|
||||
|
||||
.sidebar-waifu-tag {
|
||||
@include mainfont;
|
||||
border-radius: 0.682rem;
|
||||
padding: 0.273rem 0.477rem;
|
||||
margin: 0rem 0.136rem;
|
||||
min-height: 1.364rem;
|
||||
background-color: $secondaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-waifu-tag:hover {
|
||||
background-color: mix($secondaryContainer, $onSurface, 90%);
|
||||
}
|
||||
|
||||
.sidebar-waifu-tag:active {
|
||||
background-color: mix($secondaryContainer, $onSurface, 80%);
|
||||
}
|
||||
|
||||
.sidebar-waifu-pic {
|
||||
transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
background-color: transparent;
|
||||
border-radius: 1.432rem;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.sidebar-waifu-pic-bg {
|
||||
background-color: white;
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.sidebar-waifu-pic-cover {
|
||||
background-color: $background;
|
||||
border-radius: 1.364rem;
|
||||
border: 1px solid $onBackground;
|
||||
}
|
||||
|
||||
.sidebar-waifu-actionbtn {
|
||||
box {
|
||||
border-radius: 50rem;
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
padding: 0.341rem 1.023rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-waifu-actionbtn:hover {
|
||||
box {
|
||||
background-color: mix($primary, $onSurface, 80%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-waifu-actionbtn:active {
|
||||
box {
|
||||
background-color: mix($primary, $onSurface, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-waifu-status {
|
||||
background-color: $onBackground;
|
||||
color: $background;
|
||||
border-bottom-left-radius: 1.295rem;
|
||||
border-bottom-right-radius: 1.295rem;
|
||||
border: 1px solid $background;
|
||||
padding: 0.341rem;
|
||||
margin-top: 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-quote {
|
||||
background-color: $surfaceVariant;
|
||||
color: $onSurfaceVariant;
|
||||
border-radius: 1.432rem;
|
||||
padding: 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-prog-resource {
|
||||
min-height: 0.955rem;
|
||||
min-width: 5rem;
|
||||
border-radius: 10rem;
|
||||
|
||||
trough {
|
||||
min-height: 0.954rem;
|
||||
min-width: 0.068rem;
|
||||
border-radius: 10rem;
|
||||
background-color: $surfaceVariant;
|
||||
}
|
||||
|
||||
progress {
|
||||
min-height: 0.680rem;
|
||||
min-width: 0.680rem;
|
||||
margin: 0rem 0.137rem;
|
||||
border-radius: 10rem;
|
||||
background-color: $onSurfaceVariant;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-resource-value {
|
||||
padding: 0rem 0.545rem;
|
||||
min-height: 0.954rem;
|
||||
border-radius: 10rem;
|
||||
color: $onSurfaceVariant;
|
||||
background-color: $surfaceVariant;
|
||||
}
|
||||
|
||||
.sidebar-resource-value>label:first-child {
|
||||
margin-right: 0.341rem;
|
||||
}
|
||||
|
||||
.sidebar-resource-value>progressbar:last-child {
|
||||
margin-left: 0.341rem;
|
||||
}
|
||||
|
||||
.sidebar-resource-value>box:last-child {
|
||||
margin-left: 0.341rem;
|
||||
}
|
||||
|
||||
.sidebar-mixer-header {
|
||||
// padding: 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-mixer-header-btn {
|
||||
box {
|
||||
border-radius: 1.432rem;
|
||||
min-width: 2.386rem;
|
||||
min-height: 2.386rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mixer-header-btn:hover {
|
||||
box {
|
||||
background-color: mix($surfaceVariant, $onSurface, 80%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mixer-app {
|
||||
background-color: $secondaryContainer;
|
||||
border-radius: 1.432rem;
|
||||
padding: 1.023rem;
|
||||
margin-bottom: 0rem;
|
||||
padding-bottom: 0.341rem;
|
||||
}
|
||||
|
||||
.sidebar-mixer-app-icon {
|
||||
background-color: $secondaryContainer;
|
||||
border-radius: 0.886rem;
|
||||
min-height: 3.409rem;
|
||||
min-width: 3.409rem;
|
||||
}
|
||||
|
||||
.sidebar-mixer-app-serial {
|
||||
background-color: $secondaryContainer;
|
||||
border-radius: 0.886rem;
|
||||
min-height: 3.409rem;
|
||||
margin-bottom: 1.023rem;
|
||||
}
|
||||
|
||||
.sidebar-mixer-app-num {
|
||||
margin: 0rem 0.682rem;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-mixer-app-incircle {
|
||||
font-size: 11pt;
|
||||
margin: 0px 5px;
|
||||
color: $onSecondaryContainer;
|
||||
}
|
||||
|
||||
.sidebar-mixer-app-circle {
|
||||
color: $onSecondaryContainer;
|
||||
background-color: $secondaryContainer;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
.visualizer-bg {
|
||||
background-color: $background;
|
||||
}
|
||||
|
||||
.visualizer-height {
|
||||
min-height: 6.818rem;
|
||||
}
|
||||
|
||||
.visualizer-hide {
|
||||
margin-bottom: -6.9rem;
|
||||
}
|
||||
|
||||
.visualizer-columns {
|
||||
padding: 0rem 1.5rem;
|
||||
}
|
||||
|
||||
.visualizer-cavacol {
|
||||
background-color: $primary;
|
||||
border-top-left-radius: 10rem;
|
||||
border-top-right-radius: 10rem;
|
||||
margin: 0rem 0.5rem;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/oyuWZ34Aq3o/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBttb3MeiJoN9dSbvemylicQFwceQ
|
||||
$colorbarbg: #010106;
|
||||
$colorbg: rgba(1,1,6,0.75);
|
||||
$colortext: #e4dfea;
|
||||
$color0: #380C86;
|
||||
$color1: #502198;
|
||||
$color2: #6B5298;
|
||||
$color3: #753AC4;
|
||||
$color4: #9167C4;
|
||||
$color5: #A99CBF;
|
||||
$color6: #e4dfea;
|
||||
$color7: #753AC4;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: https://i.ytimg.com/vi/g4ssHIwZDGk/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB26FOCk7yVlaawtjcyH1xE9-ZkxA
|
||||
$colorbarbg: #161718;
|
||||
$colorbg: rgba(22,23,24,0.75);
|
||||
$colortext: #dad9d2;
|
||||
$color0: #996B8D;
|
||||
$color1: #2C8CB0;
|
||||
$color2: #69919F;
|
||||
$color3: #9AA19B;
|
||||
$color4: #B0B5AD;
|
||||
$color5: #BFB9B0;
|
||||
$color6: #dad9d2;
|
||||
$color7: #9AA19B;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #010101;
|
||||
$colorbg: rgba(1,1,1,0.75);
|
||||
$colortext: #d8dac7;
|
||||
$color0: #5E5A52;
|
||||
$color1: #8D7253;
|
||||
$color2: #6B9055;
|
||||
$color3: #9B9A61;
|
||||
$color4: #CECD4E;
|
||||
$color5: #6E8F99;
|
||||
$color6: #d8dac7;
|
||||
$color7: #9B9A61;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #1c1939;
|
||||
$colorbg: rgba(28,25,57,0.75);
|
||||
$colortext: #e7e9ec;
|
||||
$color0: #BA62BC;
|
||||
$color1: #7092DB;
|
||||
$color2: #E19FA1;
|
||||
$color3: #C2ADC5;
|
||||
$color4: #A9CEEB;
|
||||
$color5: #AAE8FC;
|
||||
$color6: #e7e9ec;
|
||||
$color7: #C2ADC5;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #070318;
|
||||
$colorbg: rgba(7,3,24,0.75);
|
||||
$colortext: #e5e1f2;
|
||||
$color0: #B355CF;
|
||||
$color1: #956CE5;
|
||||
$color2: #6C9AEA;
|
||||
$color3: #A39AEF;
|
||||
$color4: #D5A7EF;
|
||||
$color5: #AAD0F1;
|
||||
$color6: #e5e1f2;
|
||||
$color7: #A39AEF;
|
||||
@@ -0,0 +1,12 @@
|
||||
//Auto generated color theme for image at: [Local wallpaper]
|
||||
$colorbarbg: #11130f;
|
||||
$colorbg: rgba(17,19,15,0.75);
|
||||
$colortext: #acb5bf;
|
||||
$color0: #6B6454;
|
||||
$color1: #98472F;
|
||||
$color2: #8C6E5D;
|
||||
$color3: #8B8568;
|
||||
$color4: #AC8B73;
|
||||
$color5: #CA926E;
|
||||
$color6: #acb5bf;
|
||||
$color7: #8B8568;
|
||||
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"wallpaper": "/home/end/.config/eww/eww_covers/cover_art",
|
||||
"alpha": "100",
|
||||
|
||||
"special": {
|
||||
"background": "#010106",
|
||||
"foreground": "#e4dfea",
|
||||
"cursor": "#e4dfea"
|
||||
},
|
||||
"colors": {
|
||||
"color0": "#010106",
|
||||
"color1": "#380C86",
|
||||
"color2": "#502198",
|
||||
"color3": "#6B5298",
|
||||
"color4": "#753AC4",
|
||||
"color5": "#9167C4",
|
||||
"color6": "#A99CBF",
|
||||
"color7": "#e4dfea",
|
||||
"color8": "#9f9ca3",
|
||||
"color9": "#380C86",
|
||||
"color10": "#502198",
|
||||
"color11": "#6B5298",
|
||||
"color12": "#753AC4",
|
||||
"color13": "#9167C4",
|
||||
"color14": "#A99CBF",
|
||||
"color15": "#e4dfea"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"wallpaper": "/home/end/.config/eww/eww_covers/cover_art",
|
||||
"alpha": "100",
|
||||
|
||||
"special": {
|
||||
"background": "#161718",
|
||||
"foreground": "#dad9d2",
|
||||
"cursor": "#dad9d2"
|
||||
},
|
||||
"colors": {
|
||||
"color0": "#161718",
|
||||
"color1": "#996B8D",
|
||||
"color2": "#2C8CB0",
|
||||
"color3": "#69919F",
|
||||
"color4": "#9AA19B",
|
||||
"color5": "#B0B5AD",
|
||||
"color6": "#BFB9B0",
|
||||
"color7": "#dad9d2",
|
||||
"color8": "#989793",
|
||||
"color9": "#996B8D",
|
||||
"color10": "#2C8CB0",
|
||||
"color11": "#69919F",
|
||||
"color12": "#9AA19B",
|
||||
"color13": "#B0B5AD",
|
||||
"color14": "#BFB9B0",
|
||||
"color15": "#dad9d2"
|
||||
}
|
||||
}
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"wallpaper": "/home/end/.config/eww/images/wallpaper",
|
||||
"alpha": "100",
|
||||
|
||||
"special": {
|
||||
"background": "#010101",
|
||||
"foreground": "#d8dac7",
|
||||
"cursor": "#d8dac7"
|
||||
},
|
||||
"colors": {
|
||||
"color0": "#010101",
|
||||
"color1": "#5E5A52",
|
||||
"color2": "#8D7253",
|
||||
"color3": "#6B9055",
|
||||
"color4": "#9B9A61",
|
||||
"color5": "#CECD4E",
|
||||
"color6": "#6E8F99",
|
||||
"color7": "#d8dac7",
|
||||
"color8": "#97988b",
|
||||
"color9": "#5E5A52",
|
||||
"color10": "#8D7253",
|
||||
"color11": "#6B9055",
|
||||
"color12": "#9B9A61",
|
||||
"color13": "#CECD4E",
|
||||
"color14": "#6E8F99",
|
||||
"color15": "#d8dac7"
|
||||
}
|
||||
}
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"wallpaper": "/home/end/.config/eww/images/wallpaper",
|
||||
"alpha": "100",
|
||||
|
||||
"special": {
|
||||
"background": "#1c1939",
|
||||
"foreground": "#e7e9ec",
|
||||
"cursor": "#e7e9ec"
|
||||
},
|
||||
"colors": {
|
||||
"color0": "#1c1939",
|
||||
"color1": "#BA62BC",
|
||||
"color2": "#7092DB",
|
||||
"color3": "#E19FA1",
|
||||
"color4": "#C2ADC5",
|
||||
"color5": "#A9CEEB",
|
||||
"color6": "#AAE8FC",
|
||||
"color7": "#e7e9ec",
|
||||
"color8": "#a1a3a5",
|
||||
"color9": "#BA62BC",
|
||||
"color10": "#7092DB",
|
||||
"color11": "#E19FA1",
|
||||
"color12": "#C2ADC5",
|
||||
"color13": "#A9CEEB",
|
||||
"color14": "#AAE8FC",
|
||||
"color15": "#e7e9ec"
|
||||
}
|
||||
}
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"wallpaper": "/home/end/.config/eww/images/wallpaper",
|
||||
"alpha": "100",
|
||||
|
||||
"special": {
|
||||
"background": "#070318",
|
||||
"foreground": "#e5e1f2",
|
||||
"cursor": "#e5e1f2"
|
||||
},
|
||||
"colors": {
|
||||
"color0": "#070318",
|
||||
"color1": "#B355CF",
|
||||
"color2": "#956CE5",
|
||||
"color3": "#6C9AEA",
|
||||
"color4": "#A39AEF",
|
||||
"color5": "#D5A7EF",
|
||||
"color6": "#AAD0F1",
|
||||
"color7": "#e5e1f2",
|
||||
"color8": "#a09da9",
|
||||
"color9": "#B355CF",
|
||||
"color10": "#956CE5",
|
||||
"color11": "#6C9AEA",
|
||||
"color12": "#A39AEF",
|
||||
"color13": "#D5A7EF",
|
||||
"color14": "#AAD0F1",
|
||||
"color15": "#e5e1f2"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"wallpaper": "/home/end/.config/eww/images/wallpaper",
|
||||
"alpha": "100",
|
||||
|
||||
"special": {
|
||||
"background": "#11130f",
|
||||
"foreground": "#acb5bf",
|
||||
"cursor": "#acb5bf"
|
||||
},
|
||||
"colors": {
|
||||
"color0": "#11130f",
|
||||
"color1": "#6B6454",
|
||||
"color2": "#98472F",
|
||||
"color3": "#8C6E5D",
|
||||
"color4": "#8B8568",
|
||||
"color5": "#AC8B73",
|
||||
"color6": "#CA926E",
|
||||
"color7": "#acb5bf",
|
||||
"color8": "#787e85",
|
||||
"color9": "#6B6454",
|
||||
"color10": "#98472F",
|
||||
"color11": "#8C6E5D",
|
||||
"color12": "#8B8568",
|
||||
"color13": "#AC8B73",
|
||||
"color14": "#CA926E",
|
||||
"color15": "#acb5bf"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
$primary: #d8b9ff;
|
||||
$onPrimary: #430089;
|
||||
$primaryContainer: #5e1cad;
|
||||
$onPrimaryContainer: #eedbff;
|
||||
$secondary: #cfc2db;
|
||||
$onSecondary: #352d40;
|
||||
$secondaryContainer: #4c4357;
|
||||
$onSecondaryContainer: #ebdef7;
|
||||
$tertiary: #f2b7c2;
|
||||
$onTertiary: #4b252e;
|
||||
$tertiaryContainer: #653b44;
|
||||
$onTertiaryContainer: #ffd9e0;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #1d1b1e;
|
||||
$background: #1d1b1e;
|
||||
$onBackground: #e7e1e6;
|
||||
$surface: #1d1b1e;
|
||||
$onSurface: #e7e1e6;
|
||||
$surfaceVariant: #4a454e;
|
||||
$onSurfaceVariant: #cbc4ce;
|
||||
$outline: #958e99;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e7e1e6;
|
||||
$inverseOnSurface: #323033;
|
||||
$inversePrimary: #773cc6;
|
||||
@@ -0,0 +1,28 @@
|
||||
$primary: #6fdaa8;
|
||||
$onPrimary: #003823;
|
||||
$primaryContainer: #005235;
|
||||
$onPrimaryContainer: #8cf7c3;
|
||||
$secondary: #b3ccbc;
|
||||
$onSecondary: #20352a;
|
||||
$secondaryContainer: #364b3f;
|
||||
$onSecondaryContainer: #d0e8d8;
|
||||
$tertiary: #a5cdde;
|
||||
$onTertiary: #063543;
|
||||
$tertiaryContainer: #244c5a;
|
||||
$onTertiaryContainer: #c0e9fb;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #191c1a;
|
||||
$background: #191c1a;
|
||||
$onBackground: #e1e3df;
|
||||
$surface: #191c1a;
|
||||
$onSurface: #e1e3df;
|
||||
$surfaceVariant: #404943;
|
||||
$onSurfaceVariant: #bfc9c1;
|
||||
$outline: #8a938c;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e1e3df;
|
||||
$inverseOnSurface: #2d312e;
|
||||
$inversePrimary: #006c47;
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
$primary: #cdcc57;
|
||||
$onPrimary: #333200;
|
||||
$primaryContainer: #4a4900;
|
||||
$onPrimaryContainer: #e9e86f;
|
||||
$secondary: #cac8a4;
|
||||
$onSecondary: #323218;
|
||||
$secondaryContainer: #49482d;
|
||||
$onSecondaryContainer: #e7e4bf;
|
||||
$tertiary: #a5d0bd;
|
||||
$onTertiary: #0a3729;
|
||||
$tertiaryContainer: #254e3f;
|
||||
$onTertiaryContainer: #c0ecd8;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #1c1c16;
|
||||
$background: #1c1c16;
|
||||
$onBackground: #e6e2da;
|
||||
$surface: #1c1c16;
|
||||
$onSurface: #e6e2da;
|
||||
$surfaceVariant: #48473a;
|
||||
$onSurfaceVariant: #cac7b6;
|
||||
$outline: #939182;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e6e2da;
|
||||
$inverseOnSurface: #31302b;
|
||||
$inversePrimary: #626200;
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
$primary: #eeb0ff;
|
||||
$onPrimary: #4c1662;
|
||||
$primaryContainer: #65307a;
|
||||
$onPrimaryContainer: #fad7ff;
|
||||
$secondary: #d5c0d7;
|
||||
$onSecondary: #392c3d;
|
||||
$secondaryContainer: #514255;
|
||||
$onSecondaryContainer: #f2dcf4;
|
||||
$tertiary: #f5b7b4;
|
||||
$onTertiary: #4d2524;
|
||||
$tertiaryContainer: #663b39;
|
||||
$onTertiaryContainer: #ffdad7;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #1e1a1e;
|
||||
$background: #1e1a1e;
|
||||
$onBackground: #e8e0e5;
|
||||
$surface: #1e1a1e;
|
||||
$onSurface: #e8e0e5;
|
||||
$surfaceVariant: #4c444d;
|
||||
$onSurfaceVariant: #cec3cd;
|
||||
$outline: #988e98;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e8e0e5;
|
||||
$inverseOnSurface: #332f33;
|
||||
$inversePrimary: #7e4893;
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
$primary: #c8bfff;
|
||||
$onPrimary: #2d2176;
|
||||
$primaryContainer: #443a8e;
|
||||
$onPrimaryContainer: #e5deff;
|
||||
$secondary: #c8c3dc;
|
||||
$onSecondary: #302e41;
|
||||
$secondaryContainer: #474459;
|
||||
$onSecondaryContainer: #e5dff9;
|
||||
$tertiary: #ecb9cf;
|
||||
$onTertiary: #482537;
|
||||
$tertiaryContainer: #613b4d;
|
||||
$onTertiaryContainer: #ffd8e9;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #1c1b1f;
|
||||
$background: #1c1b1f;
|
||||
$onBackground: #e5e1e6;
|
||||
$surface: #1c1b1f;
|
||||
$onSurface: #e5e1e6;
|
||||
$surfaceVariant: #47464f;
|
||||
$onSurfaceVariant: #c9c5d0;
|
||||
$outline: #928f9a;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e5e1e6;
|
||||
$inverseOnSurface: #313033;
|
||||
$inversePrimary: #5c53a7;
|
||||
@@ -0,0 +1,28 @@
|
||||
$primary: #dac84e;
|
||||
$onPrimary: #383000;
|
||||
$primaryContainer: #514700;
|
||||
$onPrimaryContainer: #f7e467;
|
||||
$secondary: #cfc7a2;
|
||||
$onSecondary: #353117;
|
||||
$secondaryContainer: #4c472b;
|
||||
$onSecondaryContainer: #ece3bd;
|
||||
$tertiary: #a7d0b6;
|
||||
$onTertiary: #123725;
|
||||
$tertiaryContainer: #294e3a;
|
||||
$onTertiaryContainer: #c2ecd1;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #1d1c16;
|
||||
$background: #1d1c16;
|
||||
$onBackground: #e7e2d9;
|
||||
$surface: #1d1c16;
|
||||
$onSurface: #e7e2d9;
|
||||
$surfaceVariant: #4a473a;
|
||||
$onSurfaceVariant: #ccc6b5;
|
||||
$outline: #969181;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e7e2d9;
|
||||
$inverseOnSurface: #32302a;
|
||||
$inversePrimary: #6b5e00;
|
||||
Reference in New Issue
Block a user