From 5b6ffc0763710fdb5435d101e254c5e938eee0f3 Mon Sep 17 00:00:00 2001 From: candifloss Date: Fri, 13 Dec 2024 02:26:14 +0530 Subject: [PATCH] Styled workspace widg and panel right side --- eww.css | 40 +++++-------------- scss/panel/_panel.scss | 5 ++- scss/panel/_panel_widgets.scss | 8 ++-- scss/panel/_panel_workspaces.scss | 21 ++++++++++ yuck/panel/panel_sections/panel_widg_cen.yuck | 1 - yuck/panel/panel_workspaces/leftwm_ws.yuck | 2 +- 6 files changed, 39 insertions(+), 38 deletions(-) create mode 100644 scss/panel/_panel_workspaces.scss diff --git a/eww.css b/eww.css index 484f61f..84c5c89 100644 --- a/eww.css +++ b/eww.css @@ -111,6 +111,16 @@ tooltip { background-color: rgba(128, 128, 128, 0.5); } +.panel_workspaces_widg .panel_ws_ico { + border-radius: 4px; + font-size: 14px; +} +.panel_workspaces_widg .panel_ws_ico.panel_ws_ico_act.panel_ws_ico_cur { + color: #ccccff; +} +.panel_workspaces_widg .panel_ws_ico.panel_ws_ico_act.panel_ws_ico_notcur { + color: #ccdfcc; +} /* Panel */ .panel_widg { background-color: rgba(128, 128, 128, 0.4); @@ -118,47 +128,17 @@ tooltip { .panel_widg .panel_left { background-color: rgba(221, 128, 128, 0.856); } -.panel_widg .panel_cen { - background-color: rgba(209, 188, 95, 0.849); -} -.panel_widg .panel_right { - background-color: rgba(96, 211, 196, 0.863); -} - /* Panel widgets */ .panel_mini_widg { border-radius: 2px; - background-color: rgba(108, 110, 114, 0.74); } .panel_mini_widg.panel_text_widg { font-family: "IosevkaTermSlab Nerd Font Mono"; font-size: 14px; padding: 0 3px 0 2px; } -.panel_mini_widg.panel_text_widg.panel_time { - background-color: rgba(29, 80, 69, 0.74); -} -.panel_mini_widg.panel_text_widg.panel_date { - background-color: rgba(109, 75, 173, 0.74); -} .panel_mini_widg.panel_ico { font-family: "IosevkaTermSlab Nerd Font Mono"; border-radius: 4px; font-size: 15px; - background-color: rgba(108, 110, 114, 0.74); -} -.panel_mini_widg.panel_ico.panel_bat_ico { - background-color: rgba(235, 92, 223, 0.74); -} -.panel_mini_widg.panel_ico.panel_vol_ico { - background-color: rgba(201, 243, 84, 0.74); -} -.panel_mini_widg.panel_ico.panel_brit_ico { - background-color: rgba(211, 80, 76, 0.74); -} -.panel_mini_widg.panel_ico.panel_wifi_ico { - background-color: rgba(76, 231, 154, 0.74); -} -.panel_mini_widg.panel_ico.panel_notif_ico { - background-color: rgba(76, 180, 212, 0.74); } diff --git a/scss/panel/_panel.scss b/scss/panel/_panel.scss index 964aae0..8880ce6 100644 --- a/scss/panel/_panel.scss +++ b/scss/panel/_panel.scss @@ -1,5 +1,6 @@ @use "../colors/_glassy.scss" as *; @use "./_panel_widgets.scss" as *; +@use "./_panel_workspaces.scss" as *; /* Panel */ .panel_widg { @@ -9,10 +10,10 @@ background-color: $panel_right_bg_col; } .panel_cen { - background-color: $panel_cen_bg_col; + //background-color: $panel_cen_bg_col; // For testing } .panel_right { - background-color: $panel_left_bg_col; + //background-color: $panel_left_bg_col; } } diff --git a/scss/panel/_panel_widgets.scss b/scss/panel/_panel_widgets.scss index 18228a8..7b8f3c2 100644 --- a/scss/panel/_panel_widgets.scss +++ b/scss/panel/_panel_widgets.scss @@ -2,7 +2,7 @@ @mixin panel_ico_style($ico_class, $ico_bg, $ico_col: null) { &.#{$ico_class} { - background-color: $ico_bg; + //background-color: $ico_bg; @if $ico_col { color: $ico_col; } @@ -12,7 +12,7 @@ @mixin panel_text_widg_style($widg_class, $widg_bg:null, $widg_padding: null, $text_col:null, $font:null, $fontsize:null) { &.#{$widg_class} { @if $widg_bg { - background-color: $widg_bg; + //background-color: $widg_bg; } @if $text_col { color: $text_col; @@ -33,7 +33,7 @@ /* Panel widgets */ .panel_mini_widg { border-radius: 2px; - background-color: $panel_mini_widg_bg_col; + //background-color: $panel_mini_widg_bg_col; &.panel_text_widg { //font-family: "Iosevka"; @@ -50,7 +50,7 @@ border-radius: 4px; font-size: 15px; //color: $panel_date_text_col; - background-color: $panel_ico_bg_col; + //background-color: $panel_ico_bg_col; @include panel_ico_style("panel_bat_ico", $panel_ico_bat_bg_col); @include panel_ico_style("panel_vol_ico", $panel_ico_vol_bg_col); diff --git a/scss/panel/_panel_workspaces.scss b/scss/panel/_panel_workspaces.scss new file mode 100644 index 0000000..267db92 --- /dev/null +++ b/scss/panel/_panel_workspaces.scss @@ -0,0 +1,21 @@ +@use "../colors/_glassy.scss" as *; + +.panel_workspaces_widg { + //background-color: aqua; + .panel_ws_ico { + // background-color: chocolate; //testing + border-radius: 4px; + font-size: 14px; + &.panel_ws_ico_act { + &.panel_ws_ico_cur { + color: #ccccff; + } + &.panel_ws_ico_notcur { + color: #ccdfcc; + } + } + &.panel_ws_ico_inact { + //color: #aaaaaa; + } + } +} \ No newline at end of file diff --git a/yuck/panel/panel_sections/panel_widg_cen.yuck b/yuck/panel/panel_sections/panel_widg_cen.yuck index 9d08318..59c2717 100644 --- a/yuck/panel/panel_sections/panel_widg_cen.yuck +++ b/yuck/panel/panel_sections/panel_widg_cen.yuck @@ -5,7 +5,6 @@ :class "panel_side panel_cen" :halign "center" :height "${h}" - :width 300 :active true (panel_ws_leftwm :h "${h}") ; LeftWM workspaces diff --git a/yuck/panel/panel_workspaces/leftwm_ws.yuck b/yuck/panel/panel_workspaces/leftwm_ws.yuck index 72eb352..1ba9aeb 100644 --- a/yuck/panel/panel_workspaces/leftwm_ws.yuck +++ b/yuck/panel/panel_workspaces/leftwm_ws.yuck @@ -6,7 +6,7 @@ :halign "center" :valign "center" :height "${h}" - :width "${h}" + :width "24" :active true :class "panel_ws_ico ${tag.mine ? 'panel_ws_ico_cur' : 'panel_ws_ico_notcur'} ${tag.busy ? 'panel_ws_ico_act' : 'panel_ws_ico_inact'}" :onclick "leftwm-command \"SendWorkspaceToTag 0 ${tag.index}\""