From 578956d0016b2de39319eb1eb2e5e3ff8bdf9385 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Fri, 27 Oct 2023 23:01:58 +0900 Subject: Waybar simple2 addition and waybar modules --- config/waybar/style/style-simple.css | 83 ---------------- config/waybar/style/style-simple2.css | 174 ++++++++++++++++++++++++++++++++++ 2 files changed, 174 insertions(+), 83 deletions(-) delete mode 100644 config/waybar/style/style-simple.css create mode 100644 config/waybar/style/style-simple2.css (limited to 'config/waybar/style') diff --git a/config/waybar/style/style-simple.css b/config/waybar/style/style-simple.css deleted file mode 100644 index 80c6441b..00000000 --- a/config/waybar/style/style-simple.css +++ /dev/null @@ -1,83 +0,0 @@ -*{ -font-family: "JetBrainsMono Nerd Font"; -font-weight: bold; -min-height: 0; -/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ -font-size: 98%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -padding: 0px; -margin-top: 1px; -margin-bottom: 1px; -} - -window#waybar { - background: rgba(0, 0, 0, 0.7); - border-radius: 10px; -} -window#waybar.empty { - background-color: transparent; -} -window#waybar.empty #window { - padding: 0px; - margin: 0px; - border: 0px; - /* background-color: rgba(66,66,66,0.5); */ /* transparent */ - background-color: transparent; -} - -#custom-menu, #workspaces { - border-radius: 10px; - /*background-color: #11111b;*/ - color: #b4befe; - margin-right: 15px; - padding-left: 10px; - padding-right: 10px; -} - -#workspaces button { - /*background: #11111b;*/ - color: #b4befe; -} - - -#clock, #backlight, #pulseaudio, #bluetooth, #network, #battery { - border-radius: 10px; - /*background-color: #11111b;*/ - color: #cdd6f4; - padding-left: 10px; - padding-right: 10px; - margin-right: 15px; -} - -#backlight, #bluetooth { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - padding-right: 5px; - margin-right: 0 -} - -#pulseaudio, #network { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - padding-left: 5px; -} - -#clock, #custom-light_dark { - margin-right: 0; -} - -@keyframes blink { - to { - color: #000000; - } -} - -#battery.critical:not(.charging) { - background-color: #f38ba8; - color: #f38ba8; - animation-name: blink; - animation-duration: 0.5s; - animation-timing-function: linear; - animation-iteration-count: infinite; - animation-direction: alternate; -} \ No newline at end of file diff --git a/config/waybar/style/style-simple2.css b/config/waybar/style/style-simple2.css new file mode 100644 index 00000000..adfb1fd0 --- /dev/null +++ b/config/waybar/style/style-simple2.css @@ -0,0 +1,174 @@ +@define-color foreground #FBF1C7; +@define-color dim_foreground1 #504945; +@define-color dim_foreground2 #3C3836; +@define-color background #282828; +@define-color green #B8BB26; +@define-color red #eb6f92; +@define-color blue #31748f; + +window#waybar { + background: @background; + border-radius: 15px 15px 15px 15px; + border: 1px solid @foreground; + color: @foreground; + font-family: JetBrainsMono Nerd Font; + font-weight: bold; + font-size: 98%; +} + +.modules-left { + margin-left: 10px; +} + +.modules-right { + margin-right: 10px; +} + +#workspaces button { + color: @dim_foreground1; + transition: color 0.3s ease-in; + padding-left: 5px; +} + +#workspaces button.active { + color: @foreground; +} + +#workspaces button.focused { + color: @foreground; +} + +#workspace button.urgent { + color: @foreground; +} + +button:hover { + font-size: inherit; + box-shadow: inherit; + text-shadow: inherit; + background: transparent; + border-color: transparent; +} + +#clock, +#battery, +#backlight, +#pulseaudio, +#tray, +#language, +#workspaces, +#network, +#bluetooth, +#custom-playerctl, +#custom-launcher, +#custom-weather, +#custom-hyprpicker, +#custom-power { + margin: 12px 0px 12px 0px; +} + + +#clock, +#battery, +#backlight, +#pulseaudio, +#tray, +#language, +#workspaces, +#network, +#bluetooth, +#custom-playerctl { + background: @dim_foreground1; + color: @foreground; + border-radius: 10px; +} + +#tray, +#workspaces { + background: @dim_foreground2; +} + +#network, +#battery, +#language, +#backlight, +#pulseaudio, +#bluetooth { + border-radius: 0px; + padding: 0px 8px 0px 5px; + font-size: 16px; +} + +#network { + border-radius: 10px 0px 0px 10px; +} + +#battery { + border-radius: 0px 10px 10px 0px; +} + +#custom-menu, +#custom-launcher { + margin-left: 12px; + color: @green; +} + +#custom-power { + margin-right: 12px; + color: @red; +} + +#workspaces, +#custom-weather, +#clock { + margin-left: 8px; +} + +#clock { + margin-left: 3px; +} + +#custom-hyprpicker, +#tray, +#custom-launcher, +#battery { + margin-right: 8px; +} + +#battery { + margin-right: 3px; +} + +#network { + padding-left: 12px; +} + +#language { + padding: 0px 2px 0px 2px; +} + +#clock, +#tray, +#custom-playerctl { + padding: 0px 8px 0px 8px; +} + +#custom-power-menu, +#custom-hyprpicker, +#custom-launcher { + font-size: 17px; +} + +#custom-hyprpicker { + margin-right: 12px; + color: @blue; + font-size: 20px; +} + +tooltip { + border-radius: 15px; + border: 4px solid @dim_foreground1; + padding: 15px; + background-color: @background; + color: @foreground; +} \ No newline at end of file -- cgit v1.2.3 From d58280907aed16c6bb7872a7265358303d46b68b Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Fri, 27 Oct 2023 23:10:55 +0900 Subject: correction waybar --- config/waybar/configs/config-simple2 | 26 +++++ config/waybar/style/style-simple2.css | 174 ---------------------------------- 2 files changed, 26 insertions(+), 174 deletions(-) create mode 100644 config/waybar/configs/config-simple2 delete mode 100644 config/waybar/style/style-simple2.css (limited to 'config/waybar/style') diff --git a/config/waybar/configs/config-simple2 b/config/waybar/configs/config-simple2 new file mode 100644 index 00000000..4b272721 --- /dev/null +++ b/config/waybar/configs/config-simple2 @@ -0,0 +1,26 @@ +{ +"include": "~/.config/waybar/modules", +"layer": "top", +"position": "top", +"width": 1050, +"margin-bottom": 5, +"margin-top": 5, +"modules-left": [ + "clock", + "custom/weather", + ], + +"modules-center": [ + "hyprland/workspaces#2" + ], + +"modules-right": [ + "custom/menu", + "tray", + //"network", + //"bluetooth", + "backlight", + "pulseaudio", + "battery", + "custom/power"], +} diff --git a/config/waybar/style/style-simple2.css b/config/waybar/style/style-simple2.css deleted file mode 100644 index adfb1fd0..00000000 --- a/config/waybar/style/style-simple2.css +++ /dev/null @@ -1,174 +0,0 @@ -@define-color foreground #FBF1C7; -@define-color dim_foreground1 #504945; -@define-color dim_foreground2 #3C3836; -@define-color background #282828; -@define-color green #B8BB26; -@define-color red #eb6f92; -@define-color blue #31748f; - -window#waybar { - background: @background; - border-radius: 15px 15px 15px 15px; - border: 1px solid @foreground; - color: @foreground; - font-family: JetBrainsMono Nerd Font; - font-weight: bold; - font-size: 98%; -} - -.modules-left { - margin-left: 10px; -} - -.modules-right { - margin-right: 10px; -} - -#workspaces button { - color: @dim_foreground1; - transition: color 0.3s ease-in; - padding-left: 5px; -} - -#workspaces button.active { - color: @foreground; -} - -#workspaces button.focused { - color: @foreground; -} - -#workspace button.urgent { - color: @foreground; -} - -button:hover { - font-size: inherit; - box-shadow: inherit; - text-shadow: inherit; - background: transparent; - border-color: transparent; -} - -#clock, -#battery, -#backlight, -#pulseaudio, -#tray, -#language, -#workspaces, -#network, -#bluetooth, -#custom-playerctl, -#custom-launcher, -#custom-weather, -#custom-hyprpicker, -#custom-power { - margin: 12px 0px 12px 0px; -} - - -#clock, -#battery, -#backlight, -#pulseaudio, -#tray, -#language, -#workspaces, -#network, -#bluetooth, -#custom-playerctl { - background: @dim_foreground1; - color: @foreground; - border-radius: 10px; -} - -#tray, -#workspaces { - background: @dim_foreground2; -} - -#network, -#battery, -#language, -#backlight, -#pulseaudio, -#bluetooth { - border-radius: 0px; - padding: 0px 8px 0px 5px; - font-size: 16px; -} - -#network { - border-radius: 10px 0px 0px 10px; -} - -#battery { - border-radius: 0px 10px 10px 0px; -} - -#custom-menu, -#custom-launcher { - margin-left: 12px; - color: @green; -} - -#custom-power { - margin-right: 12px; - color: @red; -} - -#workspaces, -#custom-weather, -#clock { - margin-left: 8px; -} - -#clock { - margin-left: 3px; -} - -#custom-hyprpicker, -#tray, -#custom-launcher, -#battery { - margin-right: 8px; -} - -#battery { - margin-right: 3px; -} - -#network { - padding-left: 12px; -} - -#language { - padding: 0px 2px 0px 2px; -} - -#clock, -#tray, -#custom-playerctl { - padding: 0px 8px 0px 8px; -} - -#custom-power-menu, -#custom-hyprpicker, -#custom-launcher { - font-size: 17px; -} - -#custom-hyprpicker { - margin-right: 12px; - color: @blue; - font-size: 20px; -} - -tooltip { - border-radius: 15px; - border: 4px solid @dim_foreground1; - padding: 15px; - background-color: @background; - color: @foreground; -} \ No newline at end of file -- cgit v1.2.3