2 files changed, 125 insertions, 0 deletions
diff --git a/eww/scss/focal/audioSlider.scss b/eww/scss/focal/audioSlider.scss
new file mode 100644
index 0000000..5f323cd
--- /dev/null
+++ b/eww/scss/focal/audioSlider.scss
@@ -0,0 +1,46 @@
+.audioSliders {
+  margin-bottom: 1rem;
+}
+
+.masterSlider,.headphoneSlider,.micSlider {
+  margin: 0 .5rem;
+  font-size: 1.5rem;
+  margin-top: -1rem;
+  margin-bottom: -2rem;
+}
+
+.addPadding {
+  padding: 0 .3rem;
+}
+
+.masterSlider scale trough highlight, .headphoneSlider scale trough highlight , .micSlider scale trough highlight {
+  border-radius: 10px;
+}
+
+.masterSlider scale trough, .headphoneSlider scale trough , .micSlider scale trough {
+  background-color: $blackAlt;
+  border-radius: 1rem;
+  min-width: 1.5rem;
+}
+
+.masterSlider scale trough highlight {
+  background-color: $red; 
+}
+
+.headphoneSlider scale trough highlight {
+  background-color: $yellow; 
+}
+
+.micSlider scale trough highlight {
+  background-color: $blue; 
+}
+
+.audioIcon {
+  font-family:  'JetbrainsMono Nerd Font';
+  font-size: 1.5rem;
+  margin-bottom: 2rem;
+  padding: 0.5rem 1.1rem;
+  background-color: $blackAlt;
+  border-radius: 50%;
+  color: $lightGrey;
+}
diff --git a/eww/scss/focal/focal.scss b/eww/scss/focal/focal.scss
new file mode 100644
index 0000000..183bed1
--- /dev/null
+++ b/eww/scss/focal/focal.scss
@@ -0,0 +1,79 @@
+.radialBars {
+  margin-bottom: -4rem;
+  padding: 1.5rem 0.8rem;
+}
+
+// progress bars
+.CPU, .RAM , .DISK, .battery {
+  background-color: $blackAlt;
+  color: $blue;
+  font-size: 2.1rem;
+  font-family: 'JetBrainsMono Nerd Font';
+}
+
+.CPU {
+ font-size: 2.5rem; 
+}
+
+.RAM {
+  color: $green;
+}
+
+.battery {
+  color: $red;
+}
+
+.DISK {
+  font-size: 1rem;
+  color: $white;
+  background-color: $grey;
+}
+
+.time {
+  font-family: 'Iosevka';
+  font-size: 1.2rem;
+  background-color: $blackAlt;
+  margin: 2.5rem 0.5rem;
+  margin-bottom: -0.6rem;
+  border-radius:1rem;
+  padding: 0 1rem;
+  color: $white;
+}
+
+.mute {
+  background-color: $blackAlt;
+  border-radius: 1rem;
+  color: $green;
+  font-family: 'JetBrainsMono Nerd Font';
+  font-size: 2rem;
+  margin:  .8rem ;
+}
+
+.mute:hover {
+  background-color: $grey;
+  color: $white;
+}
+
+.pkgs{
+ margin: 1.5rem;
+ border-radius: 1rem;
+ font-family: 'JetBrainsMono Nerd Font';
+ color: $green;
+ background-color: $blackAlt;
+ padding: 0 1rem;
+}
+
+.pkgsBox {
+  margin: -1rem;
+  margin-top: .3rem;
+  margin-bottom: -3.5rem;
+  margin-left: .15rem;
+}
+
+.CPUBOX {
+  margin-right: .4rem;
+}
+
+.RAMBOX {
+  margin-left: .4rem;
+}