feat: make taskbar colors more customizable

This commit is contained in:
Noa Aarts 2024-06-30 14:35:57 +02:00
parent 585b1b1b54
commit c1cae804ad
11 changed files with 14 additions and 13 deletions

View file

@ -9,9 +9,9 @@
slug = "dracumod"; slug = "dracumod";
name = "ModifiedDracula"; name = "ModifiedDracula";
author = "Noa"; author = "Noa";
palette = { palette = rec {
base00 = "#26052e"; # background222c"; # background base00 = "#26052e"; # background222c"
base01 = "#950fad"; # lighter background"#282a36"; # lighter background base01 = "#950fad"; # lighter background"
base02 = "#3A3C4E"; # selection background base02 = "#3A3C4E"; # selection background
base03 = "#4D4F68"; # comments, invisibles, line highlighting base03 = "#4D4F68"; # comments, invisibles, line highlighting
base04 = "#626483"; # dark foreground base04 = "#626483"; # dark foreground
@ -34,6 +34,7 @@
base15 = "#a4ffff"; # bright cyan base15 = "#a4ffff"; # bright cyan
base16 = "#d6acff"; # bright blue base16 = "#d6acff"; # bright blue
base17 = "#ff92df"; # bright purple base17 = "#ff92df"; # bright purple
taskbarText = base04;
}; };
}; };

View file

@ -28,7 +28,7 @@ in
}; };
style = '' style = ''
#clock { #clock {
color: #${config.colorScheme.palette.base04}; color: #${config.colorScheme.palette.taskbarText};
margin: 0px 2px; margin: 0px 2px;
padding: 0 15px; padding: 0 15px;

View file

@ -17,7 +17,7 @@ in
}; };
style = '' style = ''
#cpu { #cpu {
color: #${config.colorScheme.palette.base04}; color: #${config.colorScheme.palette.taskbarText};
margin: 0px 0px; margin: 0px 0px;
padding: 0 15px; padding: 0 15px;

View file

@ -101,7 +101,7 @@ in
tooltip { tooltip {
background-color: #${config.colorScheme.palette.base00}; background-color: #${config.colorScheme.palette.base00};
border: 1px solid; border: 1px solid;
border-color: #${config.colorScheme.palette.base04}; border-color: #${config.colorScheme.palette.taskbarText};
border-radius: 10px; border-radius: 10px;
color: #${config.colorScheme.palette.base05}; color: #${config.colorScheme.palette.base05};
} }

View file

@ -19,7 +19,7 @@ in
#memory { #memory {
border-radius: 0px 999px 999px 0px; border-radius: 0px 999px 999px 0px;
padding: 0 10px; padding: 0 10px;
color: #${config.colorScheme.palette.base04}; color: #${config.colorScheme.palette.taskbarText};
margin: 0px; margin: 0px;
box-shadow: inset 0px 2px 0 -1px #${config.colorScheme.palette.base01}, box-shadow: inset 0px 2px 0 -1px #${config.colorScheme.palette.base01},
inset 0px -2px 0 -1px #${config.colorScheme.palette.base01}; inset 0px -2px 0 -1px #${config.colorScheme.palette.base01};

View file

@ -21,7 +21,7 @@ in
}; };
style = '' style = ''
#network { #network {
color: #${config.colorScheme.palette.base04}; color: #${config.colorScheme.palette.taskbarText};
margin: 0px 2px; margin: 0px 2px;
padding: 0 15px; padding: 0 15px;
border-radius: 999px; border-radius: 999px;

View file

@ -22,7 +22,7 @@ in
}; };
style = '' style = ''
#custom-poweroff { #custom-poweroff {
color: #${config.colorScheme.palette.base04}; color: #${config.colorScheme.palette.taskbarText};
margin: 0px 2px; margin: 0px 2px;
padding: 0 15px; padding: 0 15px;
border-radius: 999px; border-radius: 999px;

View file

@ -16,7 +16,7 @@ in
}; };
style = '' style = ''
#tray { #tray {
color: #${config.colorScheme.palette.base04}; color: #${config.colorScheme.palette.taskbarText};
margin: 0px 2px; margin: 0px 2px;
padding: 4px 10px; padding: 4px 10px;
border-radius: 999px 999px 999px 999px; border-radius: 999px 999px 999px 999px;

View file

@ -37,7 +37,7 @@ in
#window { #window {
margin-left: 6px; margin-left: 6px;
color: #${config.colorScheme.palette.base04}; color: #${config.colorScheme.palette.taskbarText};
} }
''; '';
}; };

View file

@ -19,7 +19,7 @@ in
}; };
style = '' style = ''
#wireplumber { #wireplumber {
color: #${config.colorScheme.palette.base04}; color: #${config.colorScheme.palette.taskbarText};
margin: 0px 2px; margin: 0px 2px;
padding: 0 15px; padding: 0 15px;
border-radius: 999px; border-radius: 999px;

View file

@ -24,7 +24,7 @@ in
min-width: 15px; min-width: 15px;
min-height: 15px; min-height: 15px;
background-color: transparent; background-color: transparent;
color: #${config.colorScheme.palette.base04}; color: #${config.colorScheme.palette.taskbarText};
border-radius: 999px; border-radius: 999px;
} }