change themes
This commit is contained in:
@@ -165,33 +165,23 @@
|
||||
|
||||
# https://catppuccin.com/palette
|
||||
style = ''
|
||||
@define-color rosewater #f4dbd6;
|
||||
@define-color flamingo #f0c6c6;
|
||||
@define-color pink #f5bde6;
|
||||
@define-color mauve #c6a0f6;
|
||||
@define-color red #ed8796;
|
||||
@define-color maroon #ee99a0;
|
||||
@define-color peach #f5a97f;
|
||||
@define-color yellow #eed49f;
|
||||
@define-color green #a6da95;
|
||||
@define-color teal #8bd5ca;
|
||||
@define-color sky #91d7e3;
|
||||
@define-color sapphire #7dc4e4;
|
||||
@define-color blue #8aadf4;
|
||||
@define-color lavender #b7bdf8;
|
||||
@define-color text #cad3f5;
|
||||
@define-color subtext1 #b8c0e0;
|
||||
@define-color subtext0 #a5adcb;
|
||||
@define-color overlay2 #939ab7;
|
||||
@define-color overlay1 #8087a2;
|
||||
@define-color overlay0 #6e738d;
|
||||
@define-color surface2 #5b6078;
|
||||
@define-color surface1 #494d64;
|
||||
@define-color surface0 #363a4f;
|
||||
@define-color base #24273a;
|
||||
@define-color mantle #1e2030;
|
||||
@define-color crust #181926;
|
||||
/*@import "macchiato.css";*/
|
||||
@define-color nord0 #2e3440;
|
||||
@define-color nord1 #3b4252;
|
||||
@define-color nord2 #434c5e;
|
||||
@define-color nord3 #4c566a;
|
||||
@define-color nord4 #d8dee9;
|
||||
@define-color nord5 #e5e9f0;
|
||||
@define-color nord6 #eceff4;
|
||||
@define-color nord7 #8fbcbb;
|
||||
@define-color nord8 #88c0d0;
|
||||
@define-color nord9 #81a1c1;
|
||||
@define-color nord10 #5e81ac;
|
||||
@define-color nord11 #bf616a;
|
||||
@define-color nord12 #d08770;
|
||||
@define-color nord13 #ebcb8b;
|
||||
@define-color nord14 #a3be8c;
|
||||
@define-color nord15 #b48ead;
|
||||
/*@import "nord.css";*/
|
||||
|
||||
* {
|
||||
font-family:
|
||||
@@ -203,7 +193,7 @@
|
||||
|
||||
#waybar {
|
||||
background: transparent;
|
||||
color: @text;
|
||||
color: @nord6;
|
||||
margin: 5px 5px;
|
||||
}
|
||||
|
||||
@@ -211,50 +201,50 @@
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 1rem;
|
||||
background-color: @surface0;
|
||||
background-color: @nord0;
|
||||
opacity: 0.6;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
color: @lavender;
|
||||
color: @nord10;
|
||||
border-radius: 1rem;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
#workspaces button.active {
|
||||
color: @sky;
|
||||
color: @nord8;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
color: @sapphire;
|
||||
color: @nord7;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
color: @subtext0;
|
||||
background: @yellow;
|
||||
color: @nord6;
|
||||
background: @nord13;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
color: @crust;
|
||||
background: @subtext0;
|
||||
color: @nord0;
|
||||
background: @nord6;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#tooltip {
|
||||
background: @surface0;
|
||||
background: @nord0;
|
||||
border-radius: 1rem;
|
||||
border-width: 1rem;
|
||||
border-style: solid;
|
||||
border-color: @crust;
|
||||
border-color: @nord0;
|
||||
}
|
||||
|
||||
#window {
|
||||
color: @lavender;
|
||||
background-color: @surface0;
|
||||
color: @nord15;
|
||||
background-color: @nord0;
|
||||
opacity: 0.6;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
@@ -264,8 +254,8 @@
|
||||
}
|
||||
|
||||
#custom-weather {
|
||||
color: @rosewater;
|
||||
background-color: @surface0;
|
||||
color: @nord10;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0rem 1rem 1rem 0rem;
|
||||
@@ -273,8 +263,8 @@
|
||||
}
|
||||
|
||||
#clock {
|
||||
color: @flamingo;
|
||||
background-color: @surface0;
|
||||
color: @nord9;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 1rem 0rem 0rem 1rem;
|
||||
@@ -284,24 +274,24 @@
|
||||
/* ------------- */
|
||||
|
||||
#pulseaudio.microphone {
|
||||
color: @mauve;
|
||||
background-color: @surface0;
|
||||
color: @nord8;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0rem 1rem 1rem 0rem;
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
color: @red;
|
||||
background-color: @surface0;
|
||||
color: @nord7;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#keyboard-state.numlock {
|
||||
color: @maroon;
|
||||
background-color: @surface0;
|
||||
color: @nord8;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
@@ -309,8 +299,8 @@
|
||||
}
|
||||
|
||||
#keyboard-state.capslock {
|
||||
color: @peach;
|
||||
background-color: @surface0;
|
||||
color: @nord9;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
@@ -318,24 +308,24 @@
|
||||
}
|
||||
|
||||
#temperature.gpu {
|
||||
color: @yellow;
|
||||
background-color: @surface0;
|
||||
color: @nord10;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#temperature {
|
||||
color: @green;
|
||||
background-color: @surface0;
|
||||
color: @nord9;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#custom-updates {
|
||||
color: @teal;
|
||||
background-color: @surface0;
|
||||
color: @nord8;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 1rem 0rem 0rem 1rem;
|
||||
@@ -345,7 +335,7 @@
|
||||
/* ------------- */
|
||||
|
||||
#tray {
|
||||
background-color: @surface0;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
margin-right: 1rem;
|
||||
|
||||
Reference in New Issue
Block a user