1 files changed, 85 insertions, 0 deletions
diff --git a/modules/desktop/eww/eww.scss b/modules/desktop/eww/eww.scss
new file mode 100644
index 0000000..40ce183
--- /dev/null
+++ b/modules/desktop/eww/eww.scss
@@ -0,0 +1,85 @@
+* {
+  font-family: "@@font-family@@";
+  font-size: @@font-size@@px;
+  min-height: 0;
+}
+
+window#eww-bar {
+  background: transparent;
+}
+
+.bar-container {
+  background: transparent;
+}
+
+.workspaces, .windows, .system {
+  border: 1px solid #@@base07@@;
+  margin: 5px;
+  min-width: 40px;
+}
+
+.windows {
+  margin: 2.5px 5px;
+}
+
+.workspaces, .windows {
+  padding: 5px;
+}
+
+.workspace-button, .window-button, .system-item {
+  color: #@@base07@@;
+  font-size: @@font-size-icon@@px;
+  background-color: #@@base00@@;
+  background-image: none;
+  box-shadow: none;
+  text-shadow: none;
+  outline: none;
+}
+
+.workspace-button, .window-button {
+  padding: 8px;
+  border: 1px solid #@@base03@@;
+}
+
+.system-item {
+  padding: 5px 0;
+  border-bottom: 1px solid #@@base07@@;
+}
+
+.system-item .system-label.small {
+  font-size: @@font-size-small@@px;
+}
+
+.system > .system-item:last-child {
+  border: none;
+}
+
+.system-item .system-label {
+  font-size: @@font-size-label@@px;
+}
+
+.system-item .system-icon {
+  color: #@@base07@@;
+}
+
+.workspace-button.active, .window-button.focused {
+  border-color: #@@base07@@;
+}
+
+.workspace-button .workspace-icon {
+  padding: 0;
+  margin: 0;
+}
+
+.workspace-button .workspace-idx {
+  font-size: @@font-size-idx@@px;
+  background: #@@base00@@;
+  opacity: 0.7;
+  color: #@@base07@@;
+  border-radius: 4px;
+  margin: 20px 0 0 20px; /* nudges the label into the bottom-right corner over the icon */
+}
+
+.workspace-button.active .workspace-idx {
+  opacity: 1;
+}