switch to hyprland, kitty, remove old KDE apps, add eww
Change-Id: Idbac14bf4ee5fd885a2417859847d719b57fd8e0
Reviewed-on: https://git.clicks.codes/c/Coded/nixConfig/+/370
Reviewed-by: Samuel Shuert <coded@clicks.codes>
Tested-by: Samuel Shuert <coded@clicks.codes>
diff --git a/extensions/eww/eww.scss b/extensions/eww/eww.scss
new file mode 100644
index 0000000..3c47527
--- /dev/null
+++ b/extensions/eww/eww.scss
@@ -0,0 +1,447 @@
+/** EWW.SCSS
+Created by saimoom **/
+*{
+ all: unset;
+ font-family: feather;
+ font-family: DaddyTimeMono NF;
+}
+
+/** General **/
+.bar_class {
+ background-color: #0f0f17;
+ border-radius: 16px;
+}
+.module {
+ margin: 0px 0px 0px 0px;
+ border-radius: 10px 16px 0px 10px;
+}
+
+/** tooltip!! **/
+tooltip.background {
+ background-color: #0f0f17;
+ font-size: 18;
+ border-radius: 10px;
+ color: #bfc9db;
+}
+
+tooltip label {
+ margin: 6px;
+}
+
+
+/** Widgets **/
+
+.clock_time_sep {
+ font-size: 16;
+ color: #bfc9db;
+ margin: 0px 4px 1px 4px;
+}
+.clock_time_class, .clock_minute_class {
+ font-size: 23;
+}
+.clock_date_class {
+ font-size: 18;
+ margin: 0px 20px 0px -1px;
+ color: #d7beda;
+}
+.clock_minute_class {
+ margin: 0px 20px 0px 3px;
+ color: #bfc9db;
+}
+
+.clock_time_class {
+ color: #bfc9db;
+ font-weight: bold;
+ margin: 0px 5px 0px 0px;
+}
+
+
+.membar {
+ color: #e0b089;
+ background-color: #38384d;
+ border-radius: 10px;
+}
+.batbar {
+ color: #afbea2;
+ background-color: #38384d;
+ border-radius: 10px;
+}
+.brightbar trough highlight {
+ background-image: linear-gradient(to right, #e4c9af 30%, #f2cdcd 50%, #e0b089 100% *50);
+ border-radius: 10px;
+}
+.volbar trough highlight {
+ background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
+ border-radius: 10px;
+}
+.volume_icon {
+ font-size: 22;
+ color: #a1bdce;
+ margin: 0px 10px 0px 10px;
+}
+
+
+.module_essid {
+ font-size: 18;
+ color: #a1bdce;
+ margin: 0px 10px 0px 0px;
+}
+.module-wif {
+ font-size: 22;
+ color: #a1bdce;
+ border-radius: 100%;
+ margin: 0px 10px 0px 5px;
+}
+
+.iconmem {
+ color: #e0b089;
+}
+.iconbat {
+ color: #afbea2;
+}
+.iconbat, .iconmem {
+ font-size: 15;
+ margin: 10px;
+}
+.bright_icon {
+ font-size: 22;
+ color: #e4c9af;
+ margin: 0px 10px 0px 10px;
+}
+
+
+.separ {
+ color: #3e424f;
+ font-weight: bold;
+ font-size: 22px;
+ margin: 0px 8px 0px 8px;
+ }
+
+.mem_module {
+ background-color: #0f0f17;
+ border-radius: 16px;
+ margin: 0px 10px 0px 3px;
+ }
+.bat_module {
+ background-color: #0f0f17;
+ border-radius: 16px;
+ margin: 0px 10px 0px 10px;
+ }
+
+
+scale trough {
+ all: unset;
+ background-color: #22242b;
+ box-shadow: 0 2px 3px 2px #06060b;
+ border-radius: 16px;
+ min-height: 10px;
+ min-width: 70px;
+ margin: 0px 10px 0px 0px;
+}
+
+.works {
+font-size: 27px;
+font-weight: normal;
+margin: 5px 0px 0px 20px;
+background-color: #0f0f17;
+}
+
+.0 , .01, .02, .03, .04, .05, .06,
+.011, .022, .033, .044, .055, .066{
+ margin: 0px 10px 0px 0px;
+}
+
+/* Unoccupied */
+.0 {
+color: #3e424f;
+}
+
+/* Occupied */
+.01, .02, .03, .04, .05, .06 {
+ color: #bfc9db;
+}
+
+/* Focused */
+.011, .022, .033, .044, .055, .066 {
+ color: #a1bdce;
+}
+
+
+.song_cover_art {
+ background-size: cover;
+ background-position: center;
+ min-height: 24px;
+ min-width: 24px;
+ margin: 10px;
+ border-radius: 100px;
+}
+
+.song {
+ color: #a1bdce;
+ font-size : 18px;
+ font-weight : bold;
+ margin : 3px 5px 0px 0px;
+}
+
+.song_btn_play {
+ color: #a1bdce;
+ font-size : 28px;
+ margin : 3px 0px 0px 5px;
+
+}
+
+
+.song_btn_prev, .song_btn_next {
+ color: #bfc9db;
+ font-size : 24px;
+ margin : 3px 0px 0px 5px;
+
+}
+// Calendar
+.cal {
+ background-color: #0f0f17;
+ font-family: JetBrainsMono Nerd Font;
+ font-size: 18px;
+ font-weight: normal;
+
+.cal-in {
+ padding: 0px 10px 0px 10px;
+ color: #bfc9db;
+
+.cal {
+ &.highlight {
+ padding: 20px;
+ }
+
+ padding: 5px 5px 5px 5px;
+ margin-left: 10px;
+ }
+ }
+}
+
+calender {
+ color: #bfc9db;
+}
+calendar:selected {
+ color: #a1bdce;
+}
+
+calendar.header {
+color: #a1bdce;
+font-weight: bold;
+}
+
+calendar.button {
+color: #afbea2;
+}
+
+calendar.highlight {
+color: #a1bdce;
+font-weight: bold;
+}
+
+calendar:indeterminate {
+color: #bfc9db;
+}
+
+
+
+
+
+
+
+.sys_sep {
+ color: #38384d;
+ font-size: 18;
+ margin: 0px 10px 0px 10px;
+}
+.sys_text_bat_sub, .sys_text_mem_sub {
+ font-size: 16;
+ color: #bbc5d7;
+ margin: 5px 0px 0px 25px;
+}
+.sys_text_bat, .sys_text_mem {
+ font-size: 21;
+ font-weight: bold;
+ margin: 14px 0px 0px 25px;
+}
+.sys_icon_bat, .sys_icon_mem {
+ font-size: 30;
+ margin: 30px;
+}
+.sys_win {
+ background-color: #0f0f17;
+}
+.sys_bat {
+ color: #afbea2;
+ background-color: #38384d;
+ border-radius: 10px;
+}
+.sys_mem {
+ color: #e4c9af;
+ background-color: #38384d;
+ border-radius: 10px;
+}
+.sys_icon_bat, .sys_text_bat {
+ color: #afbea2;
+}
+.sys_icon_mem, .sys_text_mem {
+ color: #e4c9af;
+}
+.sys_bat_box {
+ border-radius: 16px;
+ margin: 15px 10px 10px 20px;
+ }
+.sys_mem_box {
+ border-radius: 16px;
+ margin: 10px 10px 15px 20px;
+ }
+
+
+
+
+
+
+
+.music_pop {
+ background-color: #0f0f17;
+ border-radius: 16px;
+}
+ .music_cover_art {
+ background-size: cover;
+ background-position: center;
+ min-height: 100px;
+ box-shadow: 5px 5px 5px 5px #06060b;
+ min-width: 170px;
+ margin: 20px;
+ border-radius: 20px;
+}
+
+.music {
+ color: #a1bdce;
+ font-size : 20px;
+ font-weight : bold;
+ margin : 20px 0px 0px -15px;
+}
+
+.music_artist {
+ color: #bbc5d7;
+ font-size : 16px;
+ font-weight : normal;
+ margin : 0px 0px 0px 0px;
+}
+
+.music_btn_prev, .music_btn_play, .music_btn_next {
+ font-family: Iosevka Nerd Font;
+}
+.music_btn_prev {
+ color: #bbc5d7;
+ font-size : 32px;
+ font-weight : normal;
+ margin: 0px 0px 0px 0px;
+}
+.music_btn_play {
+ color: #a1bdce;
+ font-size : 48px;
+ font-weight : normal;
+ margin: 0px 0px 0px 0px;
+}
+.music_btn_next {
+ color: #bbc5d7;
+ font-size : 32px;
+ font-weight : normal;
+ margin: 0px 0px 0px 0px;
+}
+
+.music_bar scale trough highlight {
+ all: unset;
+ background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
+ border-radius: 24px;
+}
+.music_bar scale trough {
+ all: unset;
+ background-color: #232232;
+ box-shadow: 0 6px 5px 2px #06060b;
+ border-radius: 24px;
+ min-height: 13px;
+ min-width: 190px;
+ margin : -10px 10px 20px 0px;
+}
+
+.audio-box {
+ background-color: #0f0f17;
+ border-radius: 16px;
+}
+.speaker_icon {
+ background-size: cover;
+ background-image: url('images/speaker.png');
+ background-position: center;
+ min-height: 70px;
+ min-width: 75px;
+ margin: 10px 20px 5px 20px;
+ border-radius: 12px;
+}
+
+.speaker_text {
+ color: #a1bdce;
+ font-size : 26px;
+ font-weight : bold;
+ margin: 20px 0px 0px 0px;
+}
+
+.speaker_bar scale trough highlight {
+ all: unset;
+ background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
+ border-radius: 24px;
+}
+.speaker_bar scale trough {
+ all: unset;
+ background-color: #232232;
+ box-shadow: 0 6px 5px 2px #06060b;
+ border-radius: 24px;
+ min-height: 13px;
+ min-width: 120px;
+ margin : 0px 0px 5px 0px;
+}
+
+
+
+
+.mic_icon {
+ background-size: cover;
+ background-image: url('images/mic.png');
+ background-position: center;
+ min-height: 70px;
+ min-width: 75px;
+ margin: 5px 20px 20px 20px;
+ border-radius: 12px;
+}
+
+.mic_text {
+ color: #a1bdce;
+ font-size : 26px;
+ font-weight : bold;
+ margin: 0px 0px 0px 0px;
+}
+
+.mic_bar scale trough highlight {
+ all: unset;
+ background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
+ border-radius: 24px;
+}
+.mic_bar scale trough {
+ all: unset;
+ box-shadow: 0 6px 5px 2px #06060b;
+ background-color: #232232;
+ border-radius: 24px;
+ min-height: 13px;
+ min-width: 120px;
+ margin : 0px 0px 20px 0px;
+}
+
+.audio_sep {
+ color: #38384d;
+ font-size: 18;
+ margin : 0px 0px 0px 0px;
+}
+