starred/nix-config
1
0
Fork 0
mirror of https://github.com/ryan4yin/nix-config.git synced 2026-03-18 15:34:13 +01:00
Code Issues Packages Projects Releases 10 Wiki Activity

feat: waybar - catppuccin-mocha

Browse Source
This commit is contained in:
Ryan Yin
2023-12-26 05:19:00 +08:00
parent 1962a582c2
commit 9a937013d8
2 changed files with 47 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
home/linux/desktop/hyprland/conf/waybar/mocha.css Normal file
View File

@@ -0,0 +1,40 @@
/*
* https://github.com/catppuccin/waybar/blob/main/themes/mocha.css
*
* Catppuccin Mocha palette
* Maintainer: rubyowo
*
*/
@define-color base #1e1e2e;
@define-color mantle #181825;
@define-color crust #11111b;
@define-color text #cdd6f4;
@define-color subtext0 #a6adc8;
@define-color subtext1 #bac2de;
@define-color surface0 #313244;
@define-color surface1 #45475a;
@define-color surface2 #585b70;
@define-color overlay0 #6c7086;
@define-color overlay1 #7f849c;
@define-color overlay2 #9399b2;
@define-color blue #89b4fa;
@define-color lavender #b4befe;
@define-color sapphire #74c7ec;
@define-color sky #89dceb;
@define-color teal #94e2d5;
@define-color green #a6e3a1;
@define-color yellow #f9e2af;
@define-color peach #fab387;
@define-color maroon #eba0ac;
@define-color red #f38ba8;
@define-color mauve #cba6f7;
@define-color pink #f5c2e7;
@define-color flamingo #f2cdcd;
@define-color rosewater #f5e0dc;

9
home/linux/desktop/hyprland/conf/waybar/style.css
View File

@@ -1,4 +1,8 @@
@import "mocha.css";
* {
/* https://docs.gtk.org/gtk3/css-overview.html#colors */
color: @text;
font-family: "JetBrainsMono Nerd Font";
font-size: 12pt;
font-weight: bold;
@@ -23,12 +27,13 @@
}
window#waybar {
background-color: transparent;
border: 2px solid alpha(@crust, 0.3);
}
window > box {
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
background-color: #1e1e2a;
background-color: shade(@base, 0.9);
padding: 3px;
padding-left: 8px;
border: 2px none #33ccff;
@@ -104,7 +109,7 @@ tooltip label {
}
#battery {
min-width: 55px;
color: rgb(126, 186, 244);;
color: rgb(126, 186, 244);
}
#battery.charging,
#battery.full,