dotfiles

13 files changed, 321 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;
+} 
diff --git a/eww/scss/footer/backlight.scss b/eww/scss/footer/backlight.scss
new file mode 100644
index 0000000..f7e3c5e
--- /dev/null
+++ b/eww/scss/footer/backlight.scss
@@ -0,0 +1,20 @@
+* {
+  all: unset;
+}
+
+.brightness {
+  padding: 0 1rem;
+  margin-bottom: -2rem;
+}
+
+.brightness scale trough highlight {
+  background-color: $red; 
+  border-radius: 10px;
+}
+
+.brightness scale trough {
+  background-color: $grey;
+  border-radius: 1rem;
+  min-width: 16rem;
+  min-height: .3rem;
+}
diff --git a/eww/scss/footer/brightness.scss b/eww/scss/footer/brightness.scss
new file mode 100644
index 0000000..f7e3c5e
--- /dev/null
+++ b/eww/scss/footer/brightness.scss
@@ -0,0 +1,20 @@
+* {
+  all: unset;
+}
+
+.brightness {
+  padding: 0 1rem;
+  margin-bottom: -2rem;
+}
+
+.brightness scale trough highlight {
+  background-color: $red; 
+  border-radius: 10px;
+}
+
+.brightness scale trough {
+  background-color: $grey;
+  border-radius: 1rem;
+  min-width: 16rem;
+  min-height: .3rem;
+}
diff --git a/eww/scss/footer/btns.scss b/eww/scss/footer/btns.scss
new file mode 100644
index 0000000..b520c1e
--- /dev/null
+++ b/eww/scss/footer/btns.scss
@@ -0,0 +1,52 @@
+.btn {
+  font-family: "JetbrainsMono Nerd Font";
+  font-size: 1.6rem;
+  padding: 0 1.3rem;
+  box-shadow: none;
+  background-color: $grey;
+  border-radius: 50%;
+}
+
+.close {
+  color: $red;
+}
+
+.sleep {
+  color: $red;
+}
+
+.restart {
+  color: $green;
+}
+
+.lock {
+  color: $blue;
+  padding: 0 1.4rem;
+}
+
+.lock:hover , .restart:hover, .wifi:hover, .sleep:hover{
+  background-color: $green;
+  color: $black;
+}
+
+.wifi {
+  background-color: $red;
+  color: $black;
+  padding: 0 1.1rem;
+}
+
+.lock, .restart, .close, .wifi{
+  transition: ease-out .2s;
+}
+
+.btnMargin {
+  background-color: $grey;
+  border-radius: 50%;
+  margin: 0.5rem;
+}
+
+.footerBtns {
+  background-color: $blackAlt;
+  padding: 0.5rem;
+  border-radius: 1.3rem;
+}
diff --git a/eww/scss/header/fetch.scss b/eww/scss/header/fetch.scss
new file mode 100644
index 0000000..346f7c7
--- /dev/null
+++ b/eww/scss/header/fetch.scss
@@ -0,0 +1,29 @@
+.fetchContent {
+  padding: 2rem 0;
+  font-family: 'JetBrainsMono Nerd Font';
+  color: $white;
+  border-right: 2px solid $grey;
+}
+
+.logo {
+  font-family: 'JetBrainsMono Nerd Font';
+  font-size: 4rem;
+  color: $green;
+  margin:0  1.5rem
+}
+
+.fetch {
+  background-color: $blackAlt;
+  border-radius: 1rem;
+  margin-bottom: 1rem;
+  margin-top: .6rem;
+}
+
+.fetchTitles {
+  color: $green;
+  padding-right: 1rem
+}
+
+.hdd {
+  margin: 1rem;
+}
diff --git a/eww/scss/header/statusBtns.scss b/eww/scss/header/statusBtns.scss
new file mode 100644
index 0000000..8fb782a
--- /dev/null
+++ b/eww/scss/header/statusBtns.scss
@@ -0,0 +1,16 @@
+.close , .min , .max{
+  font-family: 'JetBrainsMono Nerd Font';
+  font-size: 1.3rem;
+  padding: 0 0.3rem;
+  color: $red;
+}
+
+.min {
+  color: $yellow;
+}
+
+.close:hover , .min:hover{
+  background-color: $grey;
+  color: $white;
+  border-radius: 50%; 
+}
diff --git a/eww/scss/themes/catppuccin.scss b/eww/scss/themes/catppuccin.scss
new file mode 100644
index 0000000..efbcd7f
--- /dev/null
+++ b/eww/scss/themes/catppuccin.scss
@@ -0,0 +1,10 @@
+$white: #D9E0EE;
+$black: #1E1D2D;
+$blackAlt: #252434;
+$grey: #313040;
+$lightGrey: #585767;
+$green: #ABE9B3;
+$red: #F28FAD;
+$blue: #8bc2f0;
+$yellow: #FAE3B0;
+$purple: #d5aeea;
diff --git a/eww/scss/themes/dracula.scss b/eww/scss/themes/dracula.scss
new file mode 100644
index 0000000..e00ab14
--- /dev/null
+++ b/eww/scss/themes/dracula.scss
@@ -0,0 +1,10 @@
+$white: #f8f8f2;
+$black: #21222c;
+$blackAlt: #282a36;
+$grey: #44475a;
+$lightGrey: #6272a4;
+$green: #50fa7b;
+$red: #ff5555;
+$blue: #8be9fd;
+$yellow: #f1fa8c;
+$purple: #bd93f9;
diff --git a/eww/scss/themes/everblush.scss b/eww/scss/themes/everblush.scss
new file mode 100644
index 0000000..b7b734d
--- /dev/null
+++ b/eww/scss/themes/everblush.scss
@@ -0,0 +1,9 @@
+$white: #dadada;
+$black: #181f21;
+$blackAlt: #202729;
+$grey: #2f3638;
+$lightGrey: #575e60;
+$green: #8ccf7e ;
+$red: #e06e6e;
+$blue: #67b0e8;
+$yellow: #e5c76b;
diff --git a/eww/scss/themes/gruvchad.scss b/eww/scss/themes/gruvchad.scss
new file mode 100644
index 0000000..024095b
--- /dev/null
+++ b/eww/scss/themes/gruvchad.scss
@@ -0,0 +1,10 @@
+$white: #c7b89d;
+$black: #1e2122;
+$blackAlt: #242728;
+$grey: #2f3233;
+$lightGrey: #696c6d;
+$green: #89b482;
+$red: #ec6b64;
+$blue: #6d8dad;
+$yellow: #d6b676;
+$purple: #9f899c;
diff --git a/eww/scss/themes/nord.scss b/eww/scss/themes/nord.scss
new file mode 100644
index 0000000..7102311
--- /dev/null
+++ b/eww/scss/themes/nord.scss
@@ -0,0 +1,10 @@
+$white: #D8DEE9;
+$black: #2a303c;
+$blackAlt: #333945;
+$grey: #3e4450;
+$lightGrey: #545a66;
+$green: #A3BE8C;
+$red: #d57780;
+$blue: #81A1C1;
+$yellow: #EBCB8B;
+$purple: #c882e7;
diff --git a/eww/scss/themes/onedark.scss b/eww/scss/themes/onedark.scss
new file mode 100644
index 0000000..fad0849
--- /dev/null
+++ b/eww/scss/themes/onedark.scss
@@ -0,0 +1,10 @@
+$white: #abb2bf;
+$black: #1e222a;
+$blackAlt: #252931;
+$grey: #353b45;
+$lightGrey: #6f737b;
+$green: #7eca9c;
+$red: #e06c75;
+$blue: #61afef;
+$yellow: #e7c787;
+$purple: #c882e7;