black and white theme
This commit is contained in:
45
eww.scss
45
eww.scss
@@ -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;
|
||||||
|
|||||||
5
eww.yuck
5
eww.yuck
@@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user