black and white theme

This commit is contained in:
2026-06-13 15:22:22 -05:00
parent 541bb9a60c
commit 7315360f0a
2 changed files with 29 additions and 21 deletions

View File

@@ -10,11 +10,11 @@ $scarlet: #ff0000;
window { window {
font-size: 20px; font-size: 20px;
border-radius: 10px; border-radius: 10px;
text-shadow: 1px 1px 3px black; color: black;
} }
.bar { .bar {
color: white; //font color: black; //font
padding: 0px; padding: 0px;
} }
@@ -22,14 +22,14 @@ window {
button { button {
padding: 0px 7px; //top-bottom, left-right padding: 0px 7px; //top-bottom, left-right
margin: 3px; margin: 2px;
border: 1px solid white; border: 1px solid black;
border-radius: 5px; border-radius: 5px;
background-color: $grey; background-color: white;
} }
button:hover { button:hover {
background-color: rgba(white, 0.5); background-color: rgba(black, 0.9);
border-color: black; border-color: black;
color: black; color: black;
} }
@@ -54,17 +54,17 @@ scale trough highlight {
} }
tooltip { tooltip {
background-color: rgba($grey, 0.9); background-color: rgba(white, 0.9);
font-size: 20px; font-size: 20px;
color: white; color: black;
padding: 3px; padding: 3px;
margin: 10px 20px; margin: 10px 20px;
border: 1px solid black;
border-radius: 5px; border-radius: 5px;
text-shadow: 1px 1px 3px black;
} }
calendar { calendar {
background-color: rgba($grey, 0.95); background-color: rgba(white, 0.95);
border-radius: 5px; border-radius: 5px;
} }
@@ -77,31 +77,32 @@ circular-progress {
//Classes //Classes
.island { .island {
border-radius: 10px; border: 2px solid black;
background-color: rgba($grey, 0.9); border-radius: 15px;
background-color: rgba(white, 0.8);
padding: 5px; padding: 5px;
margin: 2px; margin: 2px;
} }
.monitor { .monitor {
border: 2px solid black;
border-radius: 6px; border-radius: 6px;
background-color: rgba($grey, 0.9); background-color: rgba(white, 0.5);
padding: 5px; padding: 5px;
margin: 2px; margin: 2px;
box-shadow: 1px -1px 1px inset;
} }
.workspaces button{ .workspaces button{
padding: 0px 7px; //top-bottom, left-right padding: 0px 7px; //top-bottom, left-right
border: 1px solid white; border: 1px solid black;
border-radius: 5px; border-radius: 5px;
background-color: $grey; background-color: white;
} }
.workspaces button:hover { .workspaces button:hover {
background-color: rgba(white, 0.5); background-color: rgba(black, 0.9);
border-color: black; border-color: black;
color: black; color: white;
} }
.active_workspace{ .active_workspace{
@@ -109,7 +110,7 @@ circular-progress {
} }
.center { .center {
color: rgba(white, 0.9); color: rgba(black, 0.9);
} }
.center button{ .center button{
@@ -137,6 +138,12 @@ circular-progress {
margin: 10px; margin: 10px;
} }
.icon {
text-shadow: 0px 5px;
background-color: rgba($grey,0.7);
border-radius: 20px;
padding: 5px
}
.visualizer { .visualizer {
font-size: 10px; font-size: 10px;

View File

@@ -8,6 +8,7 @@
:geometry (geometry :geometry (geometry
:y "3px" :y "3px"
:width "99%" :width "99%"
:height "2%"
:anchor "bottom center") :anchor "bottom center")
(bar) (bar)
) )
@@ -106,7 +107,6 @@
(defwidget center [] (defwidget center []
(eventbox (eventbox
:class "center island"
:onhover "eww update reveal_apps=1" :onhover "eww update reveal_apps=1"
:onhoverlost "eww update reveal_apps=0" :onhoverlost "eww update reveal_apps=0"
(stack (stack
@@ -130,9 +130,10 @@
:space-evenly false :space-evenly false
:halign "end" :halign "end"
(systray (systray
:class "icon"
:spacing 3 :spacing 3
:orientation "h" :orientation "h"
:space-evenly false :space-evenly true
:icon-size 25 :icon-size 25
:prepend-new false) :prepend-new false)
(sound) (sound)