mrwafflecats/eww
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

black and white theme

Browse Source
This commit is contained in:
mrwafflecats
2026-06-13 15:22:22 -05:00
parent 541bb9a60c
commit 7315360f0a
2 changed files with 29 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
eww.scss
View File

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