Styled workspace widg and panel right side

This commit is contained in:
Candifloss 2024-12-13 02:26:14 +05:30
parent bb58f924c6
commit 5b6ffc0763
6 changed files with 39 additions and 38 deletions

40
eww.css
View File

@ -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);
}

View File

@ -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;
}
}

View File

@ -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);

View File

@ -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;
}
}
}

View File

@ -5,7 +5,6 @@
:class "panel_side panel_cen"
:halign "center"
:height "${h}"
:width 300
:active true
(panel_ws_leftwm :h "${h}") ; LeftWM workspaces

View File

@ -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}\""