updatet colorschemes

This commit is contained in:
liph22
2026-01-19 21:05:12 +01:00
parent 0ffe6606b6
commit 1b652298ef
92 changed files with 7663 additions and 423 deletions

View File

@@ -1,3 +1,5 @@
@import "theme.css";
* {
all: unset;
font-size: 18px;
@@ -29,7 +31,9 @@ trough slider {
}
trough slider:hover {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 8px #89b4fa;
box-shadow:
0 0 2px rgba(0, 0, 0, 0.8),
0 0 8px #89b4fa;
}
trough {
@@ -38,7 +42,9 @@ trough {
/* notifications */
.notification-background {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #45475a;
box-shadow:
0 0 8px 0 rgba(0, 0, 0, 0.8),
inset 0 0 0 1px #45475a;
border-radius: 12.6px;
margin: 18px;
background: #181825;
@@ -135,7 +141,9 @@ trough {
/* control center */
.control-center {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244;
box-shadow:
0 0 8px 0 rgba(0, 0, 0, 0.8),
inset 0 0 0 1px #313244;
border-radius: 12.6px;
background-color: #1e1e2e;
color: #cdd6f4;
@@ -206,8 +214,8 @@ scrollbar trough {
border-radius: 8px;
background: #313244;
box-shadow: none;
min-height: 24px; /* Add this */
min-width: 48px; /* Add this */
min-height: 24px; /* Add this */
min-width: 48px; /* Add this */
}
.widget-dnd > switch:checked {
@@ -217,8 +225,8 @@ scrollbar trough {
.widget-dnd > switch slider {
background: #45475a;
border-radius: 8px;
min-height: 20px; /* Add this */
min-width: 20px; /* Add this */
min-height: 20px; /* Add this */
min-width: 20px; /* Add this */
}
/* mpris */

View File

@@ -0,0 +1 @@
/home/liph/.config/swaync/themes/rose-pine-moon.css

View File

@@ -0,0 +1,313 @@
* {
all: unset;
font-family: FiraCode Nerd Font;
transition: 0.3s;
font-size: 1.2rem;
}
.floating-notifications.background .notification-row {
padding: 1rem;
}
.floating-notifications.background .notification-row .notification-background {
border-radius: 0.5rem;
background-color: #232136;
color: #e0def4;
border: 1px solid #6e6a86;
}
.floating-notifications.background
.notification-row
.notification-background
.notification {
padding: 0.5rem;
border-radius: 0.5rem;
}
.floating-notifications.background
.notification-row
.notification-background
.notification.critical {
border: 1px solid #eb6f92;
}
.floating-notifications.background
.notification-row
.notification-background
.notification
.notification-content
.summary {
margin: 0.5rem;
color: #e0def4;
font-weight: bold;
}
.floating-notifications.background
.notification-row
.notification-background
.notification
.notification-content
.body {
margin: 0.5rem;
color: #908caa;
}
.floating-notifications.background
.notification-row
.notification-background
.notification
> *:last-child
> * {
min-height: 3rem;
}
.floating-notifications.background
.notification-row
.notification-background
.notification
> *:last-child
> *
.notification-action {
border-radius: 0.5rem;
color: #e0def4;
background-color: #2a273f;
border: 1px solid #6e6a86;
}
.floating-notifications.background
.notification-row
.notification-background
.notification
> *:last-child
> *
.notification-action:hover {
background-color: #393552;
}
.floating-notifications.background
.notification-row
.notification-background
.notification
> *:last-child
> *
.notification-action:active {
background-color: #6e6a86;
}
.floating-notifications.background
.notification-row
.notification-background
.close-button {
margin: 0.5rem;
padding: 0.25rem;
border-radius: 0.5rem;
color: #e0def4;
background-color: #eb6f92;
}
.floating-notifications.background
.notification-row
.notification-background
.close-button:hover {
color: #232136;
}
.floating-notifications.background
.notification-row
.notification-background
.close-button:active {
background-color: #ea9a97;
}
.control-center {
border-radius: 0.5rem;
margin: 1rem;
background-color: #232136;
color: #e0def4;
padding: 1rem;
border: 1px solid #6e6a86;
}
.control-center .widget-title {
color: #ea9a97;
font-weight: bold;
}
.control-center .widget-title button {
border-radius: 0.5rem;
color: #e0def4;
background-color: #2a273f;
border: 1px solid #6e6a86;
padding: 0.5rem;
}
.control-center .widget-title button:hover {
background-color: #393552;
}
.control-center .widget-title button:active {
background-color: #6e6a86;
}
.control-center .notification-row .notification-background {
border-radius: 0.5rem;
margin: 0.5rem 0;
background-color: #2a273f;
color: #e0def4;
border: 1px solid #6e6a86;
}
.control-center .notification-row .notification-background .notification {
padding: 0.5rem;
border-radius: 0.5rem;
}
.control-center
.notification-row
.notification-background
.notification.critical {
border: 1px solid #eb6f92;
}
.control-center
.notification-row
.notification-background
.notification
.notification-content {
color: #e0def4;
}
.control-center
.notification-row
.notification-background
.notification
.notification-content
.summary {
margin: 0.5rem;
color: #e0def4;
font-weight: bold;
}
.control-center
.notification-row
.notification-background
.notification
.notification-content
.body {
margin: 0.5rem;
color: #908caa;
}
.control-center
.notification-row
.notification-background
.notification
> *:last-child
> * {
min-height: 3rem;
}
.control-center
.notification-row
.notification-background
.notification
> *:last-child
> *
.notification-action {
border-radius: 0.5rem;
color: #e0def4;
background-color: #2a273f;
border: 1px solid #6e6a86;
}
.control-center
.notification-row
.notification-background
.notification
> *:last-child
> *
.notification-action:hover {
background-color: #393552;
}
.control-center
.notification-row
.notification-background
.notification
> *:last-child
> *
.notification-action:active {
background-color: #6e6a86;
}
.control-center .notification-row .notification-background .close-button {
margin: 0.5rem;
padding: 0.25rem;
border-radius: 0.5rem;
color: #e0def4;
background-color: #eb6f92;
}
.control-center .notification-row .notification-background .close-button:hover {
color: #232136;
}
.control-center
.notification-row
.notification-background
.close-button:active {
background-color: #ea9a97;
}
progressbar,
progress,
trough {
border-radius: 0.5rem;
}
.notification.critical progress {
background-color: #eb6f92;
}
.notification.low progress,
.notification.normal progress {
background-color: #9ccfd8;
}
trough {
background-color: #2a273f;
}
.control-center trough {
background-color: #6e6a86;
}
.control-center-dnd {
margin: 1rem 0;
border-radius: 0.5rem;
}
.control-center-dnd slider {
background: #393552;
border-radius: 0.5rem;
}
.widget-dnd {
color: #908caa;
}
.widget-dnd > switch {
border-radius: 0.5rem;
background: #393552;
border: 1px solid #6e6a86;
}
.widget-dnd > switch:checked slider {
background: #3e8fb0;
}
.widget-dnd > switch slider {
background: #6e6a86;
border-radius: 0.5rem;
margin: 0.25rem;
}