nico/dots
2
2
Fork 1
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

swaync: use matugen

Browse source
This commit is contained in:
Nico 2025-05-03 16:16:02 +10:00
parent 338adb8d25
commit 9658cdfc12
3 changed files with 46 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

5
stow/.config/matugen/config.toml
View file

@ -11,6 +11,11 @@ input_path = './templates/colors.css'
output_path = '~/.config/waybar/colors.css' output_path = '~/.config/waybar/colors.css'
post_hook = 'pkill -SIGUSR2 waybar' post_hook = 'pkill -SIGUSR2 waybar'
[templates.swaync]
input_path = './templates/colors.css'
output_path = '~/.config/swaync/colors.css'
post_hook = 'swaync-client --reload-css'
[templates.gtk3] [templates.gtk3]
input_path = './templates/gtk-colors.css' input_path = './templates/gtk-colors.css'
output_path = '~/.config/gtk-3.0/gtk.css' output_path = '~/.config/gtk-3.0/gtk.css'

1
stow/.config/swaync/.gitignore vendored Normal file
View file

@ -0,0 +1 @@
colors.css

84
stow/.config/swaync/style.css
View file

@ -17,11 +17,7 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.*/ SOFTWARE.*/
@define-color yellow #e0af68; @import "colors.css";
@define-color background #1a1b26;
@define-color text #c0caf5;
@define-color blue #7aa2f7;
@define-color red #f7768e;
* { * {
all: unset; all: unset;
@ -31,7 +27,7 @@ SOFTWARE.*/
} }
trough highlight { trough highlight {
background: @text; background: @primary;
} }
scale trough { scale trough {
@ -42,7 +38,7 @@ scale trough {
} }
slider { slider {
background-color: @blue; background-color: @yellow;
} }
.floating-notifications.background .notification-row .notification-background { .floating-notifications.background .notification-row .notification-background {
@ -50,7 +46,7 @@ slider {
border-radius: 12.6px; border-radius: 12.6px;
margin: 18px; margin: 18px;
background-color: @background; background-color: @background;
color: @text; color: @primary;
padding: 0; padding: 0;
} }
@ -60,7 +56,7 @@ slider {
} }
.floating-notifications.background .notification-row .notification-background .notification.critical { .floating-notifications.background .notification-row .notification-background .notification.critical {
box-shadow: inset 0 0 7px 0 @red; box-shadow: inset 0 0 7px 0 @error;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content { .floating-notifications.background .notification-row .notification-background .notification .notification-content {
@ -68,7 +64,7 @@ slider {
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content .summary { .floating-notifications.background .notification-row .notification-background .notification .notification-content .summary {
color: @text; color: @primary;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content .time { .floating-notifications.background .notification-row .notification-background .notification .notification-content .time {
@ -76,7 +72,7 @@ slider {
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content .body { .floating-notifications.background .notification-row .notification-background .notification .notification-content .body {
color: @text; color: @primary;
} }
.floating-notifications.background .notification-row .notification-background .notification>*:last-child>* { .floating-notifications.background .notification-row .notification-background .notification>*:last-child>* {
@ -85,7 +81,7 @@ slider {
.floating-notifications.background .notification-row .notification-background .notification>*:last-child>* .notification-action { .floating-notifications.background .notification-row .notification-background .notification>*:last-child>* .notification-action {
border-radius: 7px; border-radius: 7px;
color: @text; color: @primary;
background-color: @background; background-color: @background;
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
margin: 7px; margin: 7px;
@ -94,13 +90,13 @@ slider {
.floating-notifications.background .notification-row .notification-background .notification>*:last-child>* .notification-action:hover { .floating-notifications.background .notification-row .notification-background .notification>*:last-child>* .notification-action:hover {
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
background-color: @background; background-color: @background;
color: @text; color: @primary;
} }
.floating-notifications.background .notification-row .notification-background .notification>*:last-child>* .notification-action:active { .floating-notifications.background .notification-row .notification-background .notification>*:last-child>* .notification-action:active {
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
background-color: @red; background-color: @error;
color: @text; color: @primary;
} }
.floating-notifications.background .notification-row .notification-background .close-button { .floating-notifications.background .notification-row .notification-background .close-button {
@ -108,7 +104,7 @@ slider {
padding: 2px; padding: 2px;
border-radius: 6.3px; border-radius: 6.3px;
color: @background; color: @background;
background-color: @red; background-color: @error;
} }
.floating-notifications.background .notification-row .notification-background .close-button:hover { .floating-notifications.background .notification-row .notification-background .close-button:hover {
@ -117,7 +113,7 @@ slider {
} }
.floating-notifications.background .notification-row .notification-background .close-button:active { .floating-notifications.background .notification-row .notification-background .close-button:active {
background-color: @red; background-color: @error;
color: @background; color: @background;
} }
@ -126,18 +122,18 @@ slider {
border-radius: 12.6px; border-radius: 12.6px;
margin: 18px; margin: 18px;
background-color: @background; background-color: @background;
color: @text; color: @primary;
padding: 14px; padding: 14px;
} }
.control-center .widget-title>label { .control-center .widget-title>label {
color: @text; color: @primary;
font-size: 1.3em; font-size: 1.3em;
} }
.control-center .widget-title button { .control-center .widget-title button {
border-radius: 7px; border-radius: 7px;
color: @text; color: @primary;
background-color: @background; background-color: @background;
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
padding: 8px; padding: 8px;
@ -146,19 +142,19 @@ slider {
.control-center .widget-title button:hover { .control-center .widget-title button:hover {
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
background-color: @surface2; background-color: @surface2;
color: @text; color: @primary;
} }
.control-center .widget-title button:active { .control-center .widget-title button:active {
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
background-color: @red; background-color: @error;
color: @background; color: @background;
} }
.control-center .notification-row .notification-background { .control-center .notification-row .notification-background {
border-radius: 7px; border-radius: 7px;
color: @text; color: @primary;
background-color: @background; background-color: @primary_container;
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
margin-top: 14px; margin-top: 14px;
} }
@ -169,7 +165,7 @@ slider {
} }
.control-center .notification-row .notification-background .notification.critical { .control-center .notification-row .notification-background .notification.critical {
box-shadow: inset 0 0 7px 0 @red; box-shadow: inset 0 0 7px 0 @error;
} }
.control-center .notification-row .notification-background .notification .notification-content { .control-center .notification-row .notification-background .notification .notification-content {
@ -177,7 +173,7 @@ slider {
} }
.control-center .notification-row .notification-background .notification .notification-content .summary { .control-center .notification-row .notification-background .notification .notification-content .summary {
color: @text; color: @primary;
} }
.control-center .notification-row .notification-background .notification .notification-content .time { .control-center .notification-row .notification-background .notification .notification-content .time {
@ -185,7 +181,7 @@ slider {
} }
.control-center .notification-row .notification-background .notification .notification-content .body { .control-center .notification-row .notification-background .notification .notification-content .body {
color: @text; color: @primary;
} }
.control-center .notification-row .notification-background .notification>*:last-child>* { .control-center .notification-row .notification-background .notification>*:last-child>* {
@ -194,7 +190,7 @@ slider {
.control-center .notification-row .notification-background .notification>*:last-child>* .notification-action { .control-center .notification-row .notification-background .notification>*:last-child>* .notification-action {
border-radius: 7px; border-radius: 7px;
color: @text; color: @primary;
background-color: @crust; background-color: @crust;
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
margin: 7px; margin: 7px;
@ -203,13 +199,13 @@ slider {
.control-center .notification-row .notification-background .notification>*:last-child>* .notification-action:hover { .control-center .notification-row .notification-background .notification>*:last-child>* .notification-action:hover {
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
background-color: @background; background-color: @background;
color: @text; color: @primary;
} }
.control-center .notification-row .notification-background .notification>*:last-child>* .notification-action:active { .control-center .notification-row .notification-background .notification>*:last-child>* .notification-action:active {
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
background-color: @red; background-color: @error;
color: @text; color: @primary;
} }
.control-center .notification-row .notification-background .close-button { .control-center .notification-row .notification-background .close-button {
@ -225,34 +221,34 @@ slider {
} }
.control-center .notification-row .notification-background .close-button:hover { .control-center .notification-row .notification-background .close-button:hover {
background-color: @red; background-color: @error;
color: @background; color: @background;
} }
.control-center .notification-row .notification-background .close-button:active { .control-center .notification-row .notification-background .close-button:active {
background-color: @red; background-color: @error;
color: @background; color: @background;
} }
.control-center .notification-row .notification-background:hover { .control-center .notification-row .notification-background:hover {
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
background-color: @overlay1; background-color: @overlay1;
color: @text; color: @primary;
} }
.control-center .notification-row .notification-background:active { .control-center .notification-row .notification-background:active {
box-shadow: inset 0 0 0 1px @surface1; box-shadow: inset 0 0 0 1px @surface1;
background-color: @red; background-color: @error;
color: @text; color: @primary;
} }
.notification.critical progress { .notification.critical progress {
background-color: @red; background-color: @error;
} }
.notification.low progress, .notification.low progress,
.notification.normal progress { .notification.normal progress {
background-color: @blue; background-color: @yellow;
} }
.control-center-dnd { .control-center-dnd {
@ -314,7 +310,7 @@ slider {
} }
.widget-menubar>box>.menu-button-bar>:last-child { .widget-menubar>box>.menu-button-bar>:last-child {
color: @red; color: @error;
} }
.power-buttons button:hover, .power-buttons button:hover,
@ -324,7 +320,7 @@ slider {
} }
.control-center .widget-label>label { .control-center .widget-label>label {
color: @text; color: @primary;
font-size: 2rem; font-size: 2rem;
} }
@ -342,20 +338,20 @@ slider {
.widget-volume label { .widget-volume label {
font-size: 1.5rem; font-size: 1.5rem;
color: @red; color: @error;
} }
.widget-volume trough highlight { .widget-volume trough highlight {
background: @red; background: @error;
} }
.widget-backlight trough highlight { .widget-backlight trough highlight {
background: @yellow; background: @secondary;
} }
.widget-backlight label { .widget-backlight label {
font-size: 1.5rem; font-size: 1.5rem;
color: @yellow; color: @secondary;
} }
.widget-backlight .KB { .widget-backlight .KB {