candifloss/Candyrice
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

Styled workspace widg and panel right side

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
eww.css
View File

@ -111,6 +111,16 @@ tooltip {
background-color: rgba(128, 128, 128, 0.5); 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 */
.panel_widg { .panel_widg {
background-color: rgba(128, 128, 128, 0.4); background-color: rgba(128, 128, 128, 0.4);
@ -118,47 +128,17 @@ tooltip {
.panel_widg .panel_left { .panel_widg .panel_left {
background-color: rgba(221, 128, 128, 0.856); 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 widgets */
.panel_mini_widg { .panel_mini_widg {
border-radius: 2px; border-radius: 2px;
background-color: rgba(108, 110, 114, 0.74);
} }
.panel_mini_widg.panel_text_widg { .panel_mini_widg.panel_text_widg {
font-family: "IosevkaTermSlab Nerd Font Mono"; font-family: "IosevkaTermSlab Nerd Font Mono";
font-size: 14px; font-size: 14px;
padding: 0 3px 0 2px; 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 { .panel_mini_widg.panel_ico {
font-family: "IosevkaTermSlab Nerd Font Mono"; font-family: "IosevkaTermSlab Nerd Font Mono";
border-radius: 4px; border-radius: 4px;
font-size: 15px; 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);
} }

5
scss/panel/_panel.scss
View File

@ -1,5 +1,6 @@
@use "../colors/_glassy.scss" as *; @use "../colors/_glassy.scss" as *;
@use "./_panel_widgets.scss" as *; @use "./_panel_widgets.scss" as *;
@use "./_panel_workspaces.scss" as *;
/* Panel */ /* Panel */
.panel_widg { .panel_widg {
@ -9,10 +10,10 @@
background-color: $panel_right_bg_col; background-color: $panel_right_bg_col;
} }
.panel_cen { .panel_cen {
background-color: $panel_cen_bg_col; //background-color: $panel_cen_bg_col; // For testing
} }
.panel_right { .panel_right {
background-color: $panel_left_bg_col; //background-color: $panel_left_bg_col;
} }
} }

8
scss/panel/_panel_widgets.scss
View File

@ -2,7 +2,7 @@
@mixin panel_ico_style($ico_class, $ico_bg, $ico_col: null) { @mixin panel_ico_style($ico_class, $ico_bg, $ico_col: null) {
&.#{$ico_class} { &.#{$ico_class} {
background-color: $ico_bg; //background-color: $ico_bg;
@if $ico_col { @if $ico_col {
color: $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) { @mixin panel_text_widg_style($widg_class, $widg_bg:null, $widg_padding: null, $text_col:null, $font:null, $fontsize:null) {
&.#{$widg_class} { &.#{$widg_class} {
@if $widg_bg { @if $widg_bg {
background-color: $widg_bg; //background-color: $widg_bg;
} }
@if $text_col { @if $text_col {
color: $text_col; color: $text_col;
@ -33,7 +33,7 @@
/* Panel widgets */ /* Panel widgets */
.panel_mini_widg { .panel_mini_widg {
border-radius: 2px; border-radius: 2px;
background-color: $panel_mini_widg_bg_col; //background-color: $panel_mini_widg_bg_col;
&.panel_text_widg { &.panel_text_widg {
//font-family: "Iosevka"; //font-family: "Iosevka";
@ -50,7 +50,7 @@
border-radius: 4px; border-radius: 4px;
font-size: 15px; font-size: 15px;
//color: $panel_date_text_col; //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_bat_ico", $panel_ico_bat_bg_col);
@include panel_ico_style("panel_vol_ico", $panel_ico_vol_bg_col); @include panel_ico_style("panel_vol_ico", $panel_ico_vol_bg_col);

21
scss/panel/_panel_workspaces.scss Normal file
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;
}
}
}

1
yuck/panel/panel_sections/panel_widg_cen.yuck
View File

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

2
yuck/panel/panel_workspaces/leftwm_ws.yuck
View File

@ -6,7 +6,7 @@
:halign "center" :halign "center"
:valign "center" :valign "center"
:height "${h}" :height "${h}"
:width "${h}" :width "24"
:active true :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'}" :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}\"" :onclick "leftwm-command \"SendWorkspaceToTag 0 ${tag.index}\""