updates
This commit is contained in:
27 files changed
+2725
-221
No files matched your search
+24
-24
@@ -1,32 +1,32 @@
|
||||
:vars {
|
||||
--foreground: #ede0d4;
|
||||
--background: #18120b;
|
||||
--cursor: #ede0d4;
|
||||
--primary: #f5bc6f;
|
||||
--on-primary: #452b00;
|
||||
--secondary: #dec2a2;
|
||||
--on-secondary: #3e2d16;
|
||||
--tertiary: #b9cda0;
|
||||
--on-tertiary: #253515;
|
||||
--surface: #18120b;
|
||||
--surface-bright: #3f3830;
|
||||
--foreground: #e0e3e8;
|
||||
--background: #101417;
|
||||
--cursor: #e0e3e8;
|
||||
--primary: #96ccf8;
|
||||
--on-primary: #00344f;
|
||||
--secondary: #b7c9d9;
|
||||
--on-secondary: #22323f;
|
||||
--tertiary: #d0c0e8;
|
||||
--on-tertiary: #362b4a;
|
||||
--surface: #101417;
|
||||
--surface-bright: #363a3e;
|
||||
--error: #ffb4ab;
|
||||
--error-dim: #ff8678;
|
||||
--on-error: #690005;
|
||||
--error-container: #93000a;
|
||||
--outline: #9c8f80;
|
||||
--outline: #8b9198;
|
||||
--shadow: #000000;
|
||||
--red: #ffb595;
|
||||
--red-dim: #ff9162;
|
||||
--green: #b7d085;
|
||||
--green-dim: #a1c260;
|
||||
--yellow: #dec56e;
|
||||
--yellow-dim: #d5b444;
|
||||
--blue: #cebdfe;
|
||||
--blue-dim: #a98bfd;
|
||||
--magenta: #fcb0d5;
|
||||
--magenta-dim: #fa7fbb;
|
||||
--cyan: #84d5c4;
|
||||
--cyan-dim: #5ec8b2;
|
||||
--red: #ffb2b9;
|
||||
--red-dim: #ff7f8b;
|
||||
--green: #95d5a7;
|
||||
--green-dim: #70c789;
|
||||
--yellow: #b8cf84;
|
||||
--yellow-dim: #a3c15f;
|
||||
--blue: #afc6ff;
|
||||
--blue-dim: #7ca2ff;
|
||||
--magenta: #e4b7f3;
|
||||
--magenta-dim: #d48bec;
|
||||
--cyan: #82d3e2;
|
||||
--cyan-dim: #59c4d8;
|
||||
--white: #82d3e0;
|
||||
}
|
||||
+172
-39
@@ -1,3 +1,29 @@
|
||||
/*
|
||||
* ── language indicator ────────────────────────────────────────────────
|
||||
*/
|
||||
|
||||
#language {
|
||||
background-color: var(--surface);
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#language.invert {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
#lang-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#lang-label.icon {
|
||||
color: var(--primary);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ── battery ───────────────────────────────────────────────────────────
|
||||
*/
|
||||
|
||||
#battery {
|
||||
background-color: var(--surface);
|
||||
padding: 4px;
|
||||
@@ -24,51 +50,24 @@
|
||||
color: var(--red-dim);
|
||||
}
|
||||
|
||||
#battery-save,
|
||||
#battery-balanced,
|
||||
#battery-performance {
|
||||
border-radius: 12px;
|
||||
min-width: 28px;
|
||||
min-height: 28px;
|
||||
}
|
||||
|
||||
#battery-save-label,
|
||||
#battery-balanced-label,
|
||||
#battery-performance-label {
|
||||
color: var(--outline);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#battery-save:hover,
|
||||
#battery-balanced:hover,
|
||||
#battery-performance:hover {
|
||||
background-color: var(--surface-bright);
|
||||
}
|
||||
|
||||
#battery-save:hover #battery-save-label,
|
||||
#battery-balanced:hover #battery-balanced-label,
|
||||
#battery-performance:hover #battery-performance-label {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
#battery-save.active,
|
||||
#battery-balanced.active,
|
||||
#battery-performance.active {
|
||||
background-color: var(--primary);
|
||||
}
|
||||
|
||||
#battery-save.active #battery-save-label,
|
||||
#battery-balanced.active #battery-balanced-label,
|
||||
#battery-performance.active #battery-performance-label {
|
||||
color: var(--shadow);
|
||||
}
|
||||
|
||||
#battery-level {
|
||||
color: var(--primary);
|
||||
font-weight: bold;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
#battery-circle.power-saver {
|
||||
border: 3px solid var(--green);
|
||||
}
|
||||
|
||||
#battery-circle.performance {
|
||||
border: 3px solid var(--red);
|
||||
}
|
||||
|
||||
/*
|
||||
* ── metrics ───────────────────────────────────────────────────────────
|
||||
*/
|
||||
|
||||
#metrics {
|
||||
background-color: var(--surface);
|
||||
padding: 4px;
|
||||
@@ -103,9 +102,14 @@
|
||||
min-width: 4px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ── datetime ──────────────────────────────────────────────────────────
|
||||
*/
|
||||
|
||||
#date-time {
|
||||
background-color: var(--surface);
|
||||
padding: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#date-time.vertical {
|
||||
padding: 8px 0;
|
||||
@@ -115,6 +119,10 @@
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/*
|
||||
* ── tray ──────────────────────────────────────────────────────────────
|
||||
*/
|
||||
|
||||
#tray {
|
||||
background-color: var(--surface);
|
||||
padding: 8px;
|
||||
@@ -144,3 +152,128 @@ menu > menuitem:hover {
|
||||
menu > menuitem:hover > label {
|
||||
color: var(--shadow);
|
||||
}
|
||||
|
||||
/*
|
||||
* ── music player ──────────────────────────────────────────────────────────
|
||||
*/
|
||||
|
||||
#music-player {
|
||||
background-color: var(--surface);
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#music-player.invert {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/* Track info styles */
|
||||
#music-track {
|
||||
color: var(--primary);
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Control buttons base styles */
|
||||
#music-prev,
|
||||
#music-next {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#music-prev:hover,
|
||||
#music-next:hover {
|
||||
background-color: var(--surface-bright);
|
||||
}
|
||||
|
||||
#music-prev:active,
|
||||
#music-next:active {
|
||||
background-color: var(--primary);
|
||||
}
|
||||
|
||||
#music-prev label,
|
||||
#music-next label {
|
||||
color: var(--primary);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#music-prev:hover label,
|
||||
#music-next:hover label {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
#music-prev:active label,
|
||||
#music-next:active label {
|
||||
color: var(--shadow);
|
||||
}
|
||||
|
||||
/* Play/Pause button styling */
|
||||
#music-play-pause {
|
||||
background-color: var(--surface);
|
||||
border-radius: 12px;
|
||||
padding: 6px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#music-play-pause label {
|
||||
color: var(--primary);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#music-play-pause:hover {
|
||||
background-color: var(--surface-bright);
|
||||
}
|
||||
|
||||
#music-play-pause:hover label {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
#music-play-pause:active {
|
||||
background-color: var(--primary);
|
||||
}
|
||||
|
||||
#music-play-pause:active label {
|
||||
color: var(--shadow);
|
||||
}
|
||||
|
||||
/* Player indicators container */
|
||||
#music-player-indicators {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
/* Player indicator buttons */
|
||||
#music-player-indicator-button {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 2px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#music-player-indicator-button:hover {
|
||||
background-color: var(--surface-bright);
|
||||
}
|
||||
|
||||
#music-player-indicator-button:active {
|
||||
background-color: var(--primary);
|
||||
}
|
||||
|
||||
/* Player indicator labels */
|
||||
#music-player-indicator {
|
||||
color: var(--surface-bright);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#music-player-indicator-active {
|
||||
color: var(--primary);
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#music-player-indicator-button:hover #music-player-indicator {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
#music-player-indicator-button:active #music-player-indicator,
|
||||
#music-player-indicator-button:active #music-player-indicator-active {
|
||||
color: var(--shadow);
|
||||
}
|
||||
@@ -53,25 +53,6 @@
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
#dock.integrated {
|
||||
background-color: var(--shadow);
|
||||
padding: 4px;
|
||||
margin: 0;
|
||||
border-radius: 16px;
|
||||
border: none;
|
||||
transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
|
||||
#dock.integrated.edge,
|
||||
#dock.integrated.dense {
|
||||
background-color: var(--surface);
|
||||
padding: 4px;
|
||||
margin: 0;
|
||||
border-radius: 12px;
|
||||
border: none;
|
||||
transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
|
||||
#dock-full {
|
||||
transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
opacity: 1;
|
||||
|
||||
@@ -14,18 +14,7 @@
|
||||
border: 3px solid var(--primary);
|
||||
}
|
||||
|
||||
#button-network.muted,
|
||||
#button-bluetooth.muted {
|
||||
color: var(--surface-bright);
|
||||
border: 3px solid var(--outline);
|
||||
}
|
||||
|
||||
#network-label,
|
||||
#bluetooth-label {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#network-label.muted,
|
||||
#bluetooth-label.muted {
|
||||
color: var(--outline);
|
||||
}
|
||||
Reference in new issue
Block a user