Styled workspace widg and panel right side
This commit is contained in:
parent
bb58f924c6
commit
5b6ffc0763
40
eww.css
40
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);
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -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);
|
||||
|
21
scss/panel/_panel_workspaces.scss
Normal file
21
scss/panel/_panel_workspaces.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
@ -5,7 +5,6 @@
|
||||
:class "panel_side panel_cen"
|
||||
:halign "center"
|
||||
:height "${h}"
|
||||
:width 300
|
||||
:active true
|
||||
|
||||
(panel_ws_leftwm :h "${h}") ; LeftWM workspaces
|
||||
|
@ -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}\""
|
||||
|
Loading…
Reference in New Issue
Block a user