feat: desktop config as base
This commit is contained in:
parent
d589775634
commit
7dba0b18be
34 changed files with 1148 additions and 890 deletions
541
eww/\
Normal file
541
eww/\
Normal file
|
|
@ -0,0 +1,541 @@
|
|||
/** EWW.SCSS
|
||||
Created by saimoom **/
|
||||
*{
|
||||
all: unset;
|
||||
font-family: feather;
|
||||
font-family: DaddyTimeMono Nerd Font;
|
||||
}
|
||||
|
||||
/** General **/
|
||||
.bar_class {
|
||||
background-color: #0f0f17;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.module {
|
||||
margin: 0px 0px 0px 0px;
|
||||
border-radius: 10px 10px 0px 10px;
|
||||
}
|
||||
|
||||
/** tooltip!! **/
|
||||
tooltip.background {
|
||||
background-color: #0f0f17;
|
||||
font-size: 14;
|
||||
border-radius: 10px;
|
||||
color: #bfc9db;
|
||||
}
|
||||
|
||||
tooltip label {
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
|
||||
/** Widgets **/
|
||||
|
||||
.clock_time_sep {
|
||||
font-size: 20;
|
||||
color: #bfc9db;
|
||||
margin: 0px 0px 1px 0px;
|
||||
}
|
||||
.clock_time_class, .clock_minute_class {
|
||||
font-size: 24;
|
||||
}
|
||||
.clock_date_class {
|
||||
font-size: 21;
|
||||
margin: 0px 5px 0px 5px;
|
||||
color: #d7beda;
|
||||
}
|
||||
.clock_minute_class {
|
||||
margin: 0px 5px 0px 2px;
|
||||
color: #bfc9db;
|
||||
}
|
||||
.clock_time_class {
|
||||
color: #bfc9db;
|
||||
font-weight: bold;
|
||||
margin: 0px 0px 0px 8px;
|
||||
}
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
.brightbar scale trough {
|
||||
all: unset;
|
||||
box-shadow: 0 6px 5px 2px #06060b;
|
||||
background-color: #232232;
|
||||
border-radius: 24px;
|
||||
min-height: 10px;
|
||||
min-width: 100px;
|
||||
margin : 0px -15px 5px 0px;
|
||||
}
|
||||
.volbar trough highlight {
|
||||
background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.module_app_text {
|
||||
font-size: 23;
|
||||
margin: 2px 0px 0px 0px;
|
||||
}
|
||||
.bright_icon {
|
||||
font-size: 22;
|
||||
color: #e4c9af;
|
||||
margin: 0px 10px 0px -10px;
|
||||
}
|
||||
.bright_icon_overlay {
|
||||
font-size: 28;
|
||||
color: #e4c9af;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
margin: 0px 27px 0px 3px;
|
||||
}
|
||||
.volume_icon {
|
||||
font-size: 22;
|
||||
color: #a1bdce;
|
||||
margin: 0px 5px 0px 0px;
|
||||
}
|
||||
.module-wif {
|
||||
font-size: 22;
|
||||
color: #a1bdce;
|
||||
border-radius: 100%;
|
||||
margin: 0px 10px 0px 0px;
|
||||
}
|
||||
.module_essid {
|
||||
font-size: 18;
|
||||
color: #a1bdce;
|
||||
margin: 0px 5px 0px -1px;
|
||||
}
|
||||
|
||||
.iconmem {
|
||||
font-size: 23;
|
||||
margin: 4px -3px 4px 0px;
|
||||
color: #e0b089;
|
||||
}
|
||||
.mem_padding {
|
||||
margin: 10px;
|
||||
}
|
||||
.iconbat {
|
||||
font-size: 23;
|
||||
color: #afbea2;
|
||||
}
|
||||
|
||||
|
||||
.separ {
|
||||
color: #3e424f;
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.mem_module {
|
||||
background-color: #0f0f17;
|
||||
border-radius: 16px;
|
||||
margin: 0px 10px 0px 0px;
|
||||
}
|
||||
.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: 0px 0px 0px 15px;
|
||||
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 {
|
||||
border-radius: 10px;
|
||||
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 {
|
||||
border-radius: 10px;
|
||||
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: 40px;
|
||||
min-width: 45px;
|
||||
margin: 10px 10px 5px 20px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.speaker_text {
|
||||
color: #a1bdce;
|
||||
font-size : 22px;
|
||||
font-weight : bold;
|
||||
margin: 5px 15px 0px 15px;
|
||||
}
|
||||
.bright_text {
|
||||
color: #a1bdce;
|
||||
font-size : 22px;
|
||||
font-weight : bold;
|
||||
margin: 5px 15px 0px 25px;
|
||||
}
|
||||
|
||||
.change_audio_box {
|
||||
margin: 0px 0px 0px 10px;
|
||||
}
|
||||
|
||||
.change_audio {
|
||||
color: #a1bdce;
|
||||
margin: 0px 50px 0px 50px;
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.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: 10px;
|
||||
min-width: 100px;
|
||||
margin : 0px 0px 5px 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.mic_icon {
|
||||
background-size: cover;
|
||||
background-image: url('images/mic.png');
|
||||
background-position: center;
|
||||
min-height: 40px;
|
||||
min-width: 45px;
|
||||
margin: 5px 20px 20px 10px;
|
||||
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: 10px;
|
||||
min-width: 100px;
|
||||
margin :6px 0px 20px 0px;
|
||||
}
|
||||
|
||||
.audio_sep {
|
||||
color: #38384d;
|
||||
font-size: 18;
|
||||
margin : 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
//cockpit stuff
|
||||
|
||||
.cockpit_class {
|
||||
all: unset;
|
||||
}
|
||||
|
||||
.cockpit_clock {
|
||||
padding: 0px 30px 0px 30px;
|
||||
}
|
||||
|
||||
.cockpit_box {
|
||||
background-color: #06060b;
|
||||
border-radius: 10px;
|
||||
margin: 5px;
|
||||
padding: 0px 5px 0px 5px;
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
.cockpit_button_shutdown {
|
||||
color: red;
|
||||
font-size: 30px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.cockpit_button_sleep {
|
||||
color: blue;
|
||||
font-size: 30px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.cockpit_button_restart {
|
||||
color: green;
|
||||
font-size: 30px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.song_info {
|
||||
font-size: 20px;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.album_cover {
|
||||
margin: 30px 10px 30px 10px;
|
||||
padding: 0px;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% center;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.cockpit_button_settings {
|
||||
color: white;
|
||||
font-size: 25px;
|
||||
margin: 5px;
|
||||
}
|
||||
535
eww/eww.scss
535
eww/eww.scss
|
|
@ -1,153 +1,109 @@
|
|||
/** EWW.SCSS
|
||||
Created by saimoom **/
|
||||
*{
|
||||
all: unset;
|
||||
font-family: feather;
|
||||
font-family: DaddyTimeMono Nerd Font;
|
||||
* {
|
||||
all: unset;
|
||||
font-family: feather;
|
||||
font-family: DaddyTimeMono Nerd Font;
|
||||
}
|
||||
|
||||
/** General **/
|
||||
.bar_class {
|
||||
background-color: #0f0f17;
|
||||
border-radius: 10px;
|
||||
background-color: #282828;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.module {
|
||||
margin: 0px 0px 0px 0px;
|
||||
border-radius: 10px 10px 0px 10px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
border-radius: 10px 10px 0px 10px;
|
||||
}
|
||||
|
||||
/** tooltip!! **/
|
||||
tooltip.background {
|
||||
background-color: #0f0f17;
|
||||
font-size: 14;
|
||||
border-radius: 10px;
|
||||
color: #bfc9db;
|
||||
background-color: #0f0f17;
|
||||
font-size: 14;
|
||||
border-radius: 10px;
|
||||
color: #bfc9db;
|
||||
}
|
||||
|
||||
tooltip label {
|
||||
margin: 3px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
|
||||
/** Widgets **/
|
||||
|
||||
.clock_time_sep {
|
||||
font-size: 20;
|
||||
color: #bfc9db;
|
||||
margin: 0px 0px 1px 0px;
|
||||
font-size: 20;
|
||||
color: #bfc9db;
|
||||
margin: 0px 0px 1px 0px;
|
||||
}
|
||||
.clock_time_class, .clock_minute_class {
|
||||
font-size: 24;
|
||||
.clock_time_class,
|
||||
.clock_minute_class {
|
||||
font-size: 24;
|
||||
}
|
||||
.clock_date_class {
|
||||
font-size: 21;
|
||||
margin: 0px 5px 0px 5px;
|
||||
color: #d7beda;
|
||||
font-size: 21;
|
||||
margin: 0px 5px 0px 5px;
|
||||
color: #d7beda;
|
||||
}
|
||||
.clock_minute_class {
|
||||
margin: 0px 5px 0px 2px;
|
||||
color: #bfc9db;
|
||||
margin: 0px 5px 0px 2px;
|
||||
color: #bfc9db;
|
||||
}
|
||||
.clock_time_class {
|
||||
color: #bfc9db;
|
||||
font-weight: bold;
|
||||
margin: 0px 0px 0px 8px;
|
||||
color: #bfc9db;
|
||||
font-weight: bold;
|
||||
margin: 0px 0px 0px 8px;
|
||||
}
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
.brightbar scale trough {
|
||||
all: unset;
|
||||
box-shadow: 0 6px 5px 2px #06060b;
|
||||
background-color: #232232;
|
||||
border-radius: 24px;
|
||||
min-height: 10px;
|
||||
min-width: 100px;
|
||||
margin : 0px -15px 5px 0px;
|
||||
}
|
||||
.volbar trough highlight {
|
||||
background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.module_app_text {
|
||||
font-size: 23;
|
||||
margin: 2px 0px 0px 0px;
|
||||
}
|
||||
.bright_icon {
|
||||
font-size: 22;
|
||||
color: #e4c9af;
|
||||
margin: 0px 10px 0px -10px;
|
||||
}
|
||||
|
||||
.bright_icon_overlay {
|
||||
font-size: 28;
|
||||
color: #e4c9af;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
margin: 0px 27px 0px 3px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
margin: 0px 27px 0px 3px;
|
||||
}
|
||||
.volume_icon {
|
||||
font-size: 22;
|
||||
color: #a1bdce;
|
||||
font-size: 22;
|
||||
color: #a1bdce;
|
||||
margin: 0px 5px 0px 0px;
|
||||
}
|
||||
.module-wif {
|
||||
font-size: 22;
|
||||
color: #a1bdce;
|
||||
border-radius: 100%;
|
||||
.module-blu {
|
||||
font-size: 22;
|
||||
color: #a1bdce;
|
||||
border-radius: 100%;
|
||||
margin: 0px 10px 0px 0px;
|
||||
}
|
||||
.module_essid {
|
||||
font-size: 18;
|
||||
color: #a1bdce;
|
||||
margin: 0px 5px 0px -1px;
|
||||
}
|
||||
|
||||
.iconmem {
|
||||
font-size: 23;
|
||||
margin: 4px -3px 4px 0px;
|
||||
color: #e0b089;
|
||||
}
|
||||
.mem_padding {
|
||||
margin: 10px;
|
||||
}
|
||||
.iconbat {
|
||||
font-size: 23;
|
||||
color: #afbea2;
|
||||
font-size: 23;
|
||||
margin: 0px -3px 4px 8px;
|
||||
color: #e0b089;
|
||||
}
|
||||
|
||||
.mem_padding {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.separ {
|
||||
color: #3e424f;
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
color: #3e424f;
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.mem_module {
|
||||
background-color: #0f0f17;
|
||||
border-radius: 16px;
|
||||
background-color: #282828;
|
||||
border-radius: 16px;
|
||||
margin: 0px 10px 0px 0px;
|
||||
}
|
||||
.bat_module {
|
||||
background-color: #0f0f17;
|
||||
border-radius: 16px;
|
||||
margin: 0px 10px 0px 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
scale trough {
|
||||
all: unset;
|
||||
|
|
@ -160,63 +116,62 @@ scale trough {
|
|||
}
|
||||
|
||||
.works {
|
||||
font-size: 27px;
|
||||
font-weight: normal;
|
||||
margin: 0px 0px 0px 15px;
|
||||
background-color: #0f0f17;
|
||||
font-size: 27px;
|
||||
font-weight: normal;
|
||||
margin: 0px 0px 0px 15px;
|
||||
background-color: #282828;
|
||||
}
|
||||
|
||||
.0 , .01, .02, .03, .04, .05, .06,
|
||||
.011, .022, .033, .044, .055, .066{
|
||||
.0,
|
||||
.01,
|
||||
.02,
|
||||
.03,
|
||||
.04,
|
||||
.05,
|
||||
.06,
|
||||
.011,
|
||||
.022,
|
||||
.033,
|
||||
.044,
|
||||
.055,
|
||||
.066 {
|
||||
margin: 0px 10px 0px 0px;
|
||||
}
|
||||
|
||||
/* Unoccupied */
|
||||
.0 {
|
||||
color: #3e424f;
|
||||
color: #3e424f;
|
||||
}
|
||||
|
||||
/* Occupied */
|
||||
.01, .02, .03, .04, .05, .06 {
|
||||
.01,
|
||||
.02,
|
||||
.03,
|
||||
.04,
|
||||
.05,
|
||||
.06 {
|
||||
color: #bfc9db;
|
||||
}
|
||||
|
||||
/* Focused */
|
||||
.011, .022, .033, .044, .055, .066 {
|
||||
.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;
|
||||
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 {
|
||||
border-radius: 10px;
|
||||
|
|
@ -225,13 +180,13 @@ color: #3e424f;
|
|||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
|
||||
.cal-in {
|
||||
.cal-in {
|
||||
padding: 0px 10px 0px 10px;
|
||||
color: #bfc9db;
|
||||
|
||||
.cal {
|
||||
&.highlight {
|
||||
padding: 20px;
|
||||
.cal {
|
||||
&.highlight {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
padding: 5px 5px 5px 5px;
|
||||
|
|
@ -241,180 +196,95 @@ color: #3e424f;
|
|||
}
|
||||
|
||||
calender {
|
||||
color: #bfc9db;
|
||||
color: #bfc9db;
|
||||
}
|
||||
calendar:selected {
|
||||
color: #a1bdce;
|
||||
}
|
||||
|
||||
calendar.header {
|
||||
color: #a1bdce;
|
||||
font-weight: bold;
|
||||
color: #a1bdce;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
calendar.button {
|
||||
color: #afbea2;
|
||||
color: #afbea2;
|
||||
}
|
||||
|
||||
calendar.highlight {
|
||||
color: #a1bdce;
|
||||
font-weight: bold;
|
||||
color: #a1bdce;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
calendar:indeterminate {
|
||||
color: #bfc9db;
|
||||
color: #bfc9db;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.sys_sep {
|
||||
color: #38384d;
|
||||
font-size: 18;
|
||||
margin: 0px 10px 0px 10px;
|
||||
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_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_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_icon_mem {
|
||||
font-size: 30;
|
||||
margin: 30px;
|
||||
}
|
||||
.sys_win {
|
||||
border-radius: 10px;
|
||||
background-color: #0f0f17;
|
||||
}
|
||||
.sys_bat {
|
||||
color: #afbea2;
|
||||
background-color: #38384d;
|
||||
border-radius: 10px;
|
||||
background-color: #0f0f17;
|
||||
}
|
||||
|
||||
.sys_mem {
|
||||
color: #e4c9af;
|
||||
background-color: #38384d;
|
||||
background-color: #38384d;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.sys_icon_bat, .sys_text_bat {
|
||||
color: #afbea2;
|
||||
|
||||
.sys_icon_mem,
|
||||
.sys_text_mem {
|
||||
color: #e4c9af;
|
||||
}
|
||||
.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;
|
||||
border-radius: 16px;
|
||||
margin: 10px 10px 15px 20px;
|
||||
}
|
||||
|
||||
.audio-box {
|
||||
background-color: #0f0f17;
|
||||
border-radius: 16px;
|
||||
background-color: #0f0f17;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.speaker_icon {
|
||||
background-size: cover;
|
||||
background-image: url('images/speaker.png');
|
||||
background-position: center;
|
||||
min-height: 40px;
|
||||
min-width: 45px;
|
||||
margin: 10px 10px 5px 20px;
|
||||
border-radius: 12px;
|
||||
background-size: cover;
|
||||
background-image: url("images/speaker.png");
|
||||
background-position: center;
|
||||
min-height: 40px;
|
||||
min-width: 45px;
|
||||
margin: 10px 10px 5px 20px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.speaker_text {
|
||||
color: #a1bdce;
|
||||
font-size : 22px;
|
||||
font-weight : bold;
|
||||
margin: 5px 15px 0px 15px;
|
||||
color: #a1bdce;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
margin: 5px 15px 0px 15px;
|
||||
}
|
||||
.bright_text {
|
||||
color: #a1bdce;
|
||||
font-size : 22px;
|
||||
font-weight : bold;
|
||||
margin: 5px 15px 0px 25px;
|
||||
color: #a1bdce;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
margin: 5px 15px 0px 25px;
|
||||
}
|
||||
|
||||
.change_audio_box {
|
||||
|
|
@ -422,72 +292,79 @@ color: #bfc9db;
|
|||
}
|
||||
|
||||
.change_audio {
|
||||
color: #a1bdce;
|
||||
color: #a1bdce;
|
||||
margin: 0px 50px 0px 50px;
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.speaker_bar scale trough highlight {
|
||||
all: unset;
|
||||
background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
|
||||
border-radius: 24px;
|
||||
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: 10px;
|
||||
min-width: 100px;
|
||||
margin : 0px 0px 5px 0px;
|
||||
all: unset;
|
||||
background-color: #232232;
|
||||
box-shadow: 0 6px 5px 2px #06060b;
|
||||
border-radius: 24px;
|
||||
min-height: 10px;
|
||||
min-width: 100px;
|
||||
margin: 0px 0px 5px 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.mic_icon {
|
||||
background-size: cover;
|
||||
background-image: url('images/mic.png');
|
||||
background-position: center;
|
||||
min-height: 40px;
|
||||
min-width: 45px;
|
||||
margin: 5px 20px 20px 10px;
|
||||
border-radius: 12px;
|
||||
background-size: cover;
|
||||
background-image: url("images/mic.png");
|
||||
background-position: center;
|
||||
min-height: 40px;
|
||||
min-width: 45px;
|
||||
margin: 5px 20px 20px 10px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.mic_text {
|
||||
color: #a1bdce;
|
||||
font-size : 26px;
|
||||
font-weight : bold;
|
||||
margin: 0px 0px 0px 0px;
|
||||
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;
|
||||
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: 10px;
|
||||
min-width: 100px;
|
||||
margin :6px 0px 20px 0px;
|
||||
all: unset;
|
||||
box-shadow: 0 6px 5px 2px #06060b;
|
||||
background-color: #232232;
|
||||
border-radius: 24px;
|
||||
min-height: 10px;
|
||||
min-width: 100px;
|
||||
margin: 6px 0px 20px 0px;
|
||||
}
|
||||
|
||||
.audio_sep {
|
||||
color: #38384d;
|
||||
font-size: 18;
|
||||
margin : 0px 0px 0px 0px;
|
||||
color: #38384d;
|
||||
font-size: 18;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
//cockpit stuff
|
||||
|
||||
.cockpit_class {
|
||||
all: unset;
|
||||
all: unset;
|
||||
}
|
||||
|
||||
.cockpit_clock {
|
||||
|
|
@ -496,14 +373,14 @@ color: #bfc9db;
|
|||
|
||||
.cockpit_box {
|
||||
background-color: #06060b;
|
||||
border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
margin: 5px;
|
||||
padding: 0px 5px 0px 5px;
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
.cockpit_button_shutdown {
|
||||
color: red;
|
||||
color: red;
|
||||
font-size: 40px;
|
||||
margin: 0px 5px -30px 5px;
|
||||
}
|
||||
|
|
@ -521,7 +398,7 @@ color: #bfc9db;
|
|||
}
|
||||
|
||||
.song_info {
|
||||
margin: -50px 0px 0px 0px;
|
||||
margin: -50px 0px 0px 0px;
|
||||
font-size: 20px;
|
||||
color: grey;
|
||||
}
|
||||
|
|
@ -536,22 +413,22 @@ color: #bfc9db;
|
|||
}
|
||||
|
||||
.cockpit_button_settings {
|
||||
color: #D35D6E;
|
||||
color: #d35d6e;
|
||||
font-size: 35px;
|
||||
margin: -30px 5px 0px 5px;
|
||||
}
|
||||
|
||||
.weather-icon {
|
||||
font-size: 80px;
|
||||
margin: 10px 0px 35px 25px;
|
||||
margin: 10px 0px 5px 10px;
|
||||
font-family: Iosevka;
|
||||
}
|
||||
|
||||
.weather-stat {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
color: #D35D6E;
|
||||
margin: -20px 0px 10px 0px;
|
||||
color: #d35d6e;
|
||||
margin: -5px 0px 10px 50px;
|
||||
}
|
||||
|
||||
.temperature {
|
||||
|
|
@ -561,41 +438,41 @@ color: #bfc9db;
|
|||
margin: 0px 0px 0px 20px;
|
||||
}
|
||||
.weather-quote {
|
||||
margin: 30px -5px 0px 20px;
|
||||
margin: 20px 10px 1000px 10px;
|
||||
font-size: 20px;
|
||||
|
||||
}
|
||||
.weather-quote-head, .weather-quote-tail {
|
||||
.weather-quote-head,
|
||||
.weather-quote-tail {
|
||||
color: grey;
|
||||
font-size: 18px;
|
||||
margin: 10px 0px 10px 10px;
|
||||
margin: 0px 0px 10px 0px;
|
||||
}
|
||||
|
||||
.cockpit_clock_left {
|
||||
font-size: 50px;
|
||||
font-weight: bold;
|
||||
color: #D35D6E;
|
||||
color: #d35d6e;
|
||||
margin: 5px -20px -30px 0px;
|
||||
}
|
||||
|
||||
.cockpit_clock_right {
|
||||
font-size: 50px;
|
||||
font-weight: bold;
|
||||
color: #D35D6E;
|
||||
color: #d35d6e;
|
||||
margin: 5px 0px -30px -20px;
|
||||
}
|
||||
|
||||
.cockpit_date {
|
||||
font-size: 50px;
|
||||
font-weight: bold;
|
||||
color: #D35D6E;
|
||||
color: #d35d6e;
|
||||
margin: -30px -20px 0px -20px;
|
||||
}
|
||||
|
||||
.cockpit_clock_sep {
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
color: #D35D6E;
|
||||
color: #d35d6e;
|
||||
margin: 0px -20px -30px -20px;
|
||||
}
|
||||
|
||||
|
|
@ -619,15 +496,15 @@ color: #bfc9db;
|
|||
}
|
||||
|
||||
.cockpit_sep_bottom {
|
||||
color: #38384d;
|
||||
font-size: 18;
|
||||
margin : -10px 0px 0px 0px;
|
||||
color: #38384d;
|
||||
font-size: 18;
|
||||
margin: -10px 0px 0px 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.cockpit_sep_top {
|
||||
color: #38384d;
|
||||
font-size: 18;
|
||||
margin : 0px 0px -10px 0px;
|
||||
color: #38384d;
|
||||
font-size: 18;
|
||||
margin: 0px 0px -10px 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
|
|
|||
238
eww/eww.yuck
238
eww/eww.yuck
|
|
@ -1,17 +1,11 @@
|
|||
;; date definitions ;;
|
||||
(defpoll clock_time :interval "5m" "date +\%I")
|
||||
(defpoll clock_time :interval "1m" "date +\%I")
|
||||
(defpoll clock_minute :interval "5s" "date +\%M")
|
||||
(defpoll clock_date :interval "10h" "date '+%d/%m'")
|
||||
(defpoll clock_date :interval "1h" "date '+%d/%m'")
|
||||
|
||||
;; volume definitions ;;
|
||||
(defpoll volume_percent :interval "1s" "pactl get-sink-volume @DEFAULT_SINK@ | awk -F '/' ' { print $2 } ' | tr -d ' %'")
|
||||
(defpoll mic_percent :interval "1s" "pactl get-source-volume @DEFAULT_SOURCE@ | awk -F'/' '{ print $2 }' | tr -d ' %'")
|
||||
(defpoll brightness_percent :interval "5s" "brightnessctl -m -d intel_backlight | awk -F, '{print substr($4, 0, length($4)-1)}' | tr -d '%'")
|
||||
|
||||
;; battery definitions ;;
|
||||
(defpoll battery_status :interval "5s" "./scripts/battery stat")
|
||||
(defpoll battery-capacity :interval "5s" "scripts/battery percent")
|
||||
(defpoll battery :interval "5s" "scripts/battery icon")
|
||||
|
||||
;; memory definitions ;;
|
||||
(defpoll memory :interval "15s" "scripts/memory")
|
||||
|
|
@ -19,30 +13,22 @@
|
|||
(defpoll memory_total_mb :interval "2m" "scripts/mem-ad total")
|
||||
(defpoll memory_free_mb :interval "2m" "scripts/mem-ad free")
|
||||
|
||||
;; wifi definitions ;;
|
||||
(defpoll COL_WLAN :interval "1m" "~/.config/eww/scripts/wifi --COL")
|
||||
(defpoll ESSID_WLAN :interval "1m" "~/.config/eww/scripts/wifi --ESSID")
|
||||
(defpoll WLAN_ICON :interval "1m" "~/.config/eww/scripts/wifi --ICON")
|
||||
|
||||
;; music definitions ;;
|
||||
(defpoll Song_info :interval "2s" "scripts/music_control")
|
||||
(defpoll Thumbnail :interval "2s" "scripts/music_control2")
|
||||
|
||||
;; current window ;;
|
||||
;;(defpoll currentWindow :interval "100ms" "hyprctl activewindow | grep class | awk -F ':' '{ print $2 }'")
|
||||
|
||||
;; calendar definitions ;;
|
||||
(defpoll calendar_day :interval "20h" "date '+%d'")
|
||||
(defpoll calendar_year :interval "20h" "date '+%Y'")
|
||||
|
||||
;; Weather vars
|
||||
(defpoll weather-interval :interval "20m" "scripts/weather")
|
||||
(defpoll weather-icon :interval "20m" "cat ~/.cache/weather/weather-icon")
|
||||
(defpoll temperature :interval "20m" "cat ~/.cache/weather/weather-degree")
|
||||
(defpoll weather-hex :interval "20m" "cat ~/.cache/weather/weather-hex")
|
||||
(defpoll weather-stat :interval "20m" "cat ~/.cache/weather/weather-stat")
|
||||
(defpoll weather-stat-side :interval "20m" "~/.config/eww/scripts/weather-trimmer")
|
||||
(defpoll weather-quote :interval "20m" "~/.config/eww/scripts/getwethquote")
|
||||
(defpoll weather-icon :interval "21m" "cat ~/.cache/weather/weather-icon")
|
||||
(defpoll temperature :interval "21m" "cat ~/.cache/weather/weather-degree")
|
||||
(defpoll weather-hex :interval "21m" "cat ~/.cache/weather/weather-hex")
|
||||
(defpoll weather-stat :interval "21m" "cat ~/.cache/weather/weather-stat")
|
||||
(defpoll weather-stat-side :interval "21m" "~/.config/eww/scripts/weather-trimmer")
|
||||
(defpoll weather-quote :interval "21m" "~/.config/eww/scripts/getwethquote")
|
||||
(defpoll weather-quote2 :interval "21m" "~/.config/eww/scripts/getwethquote2")
|
||||
|
||||
;; simple variables ;;
|
||||
(defvar eww "$HOME/.local/bin/eww -c $HOME/.config/eww")
|
||||
|
|
@ -51,45 +37,21 @@
|
|||
(defvar music_reveal false)
|
||||
(defvar wifi_rev false)
|
||||
(defvar time_rev false)
|
||||
(defvar current_monitor 0)
|
||||
(deflisten workspace "scripts/workspace")
|
||||
(deflisten currentName "scripts/current_name")
|
||||
|
||||
|
||||
;; widgets
|
||||
|
||||
|
||||
;; wifi ;;
|
||||
(defwidget wifi []
|
||||
(eventbox :onhover "${eww} update wifi_rev=true"
|
||||
:onhoverlost "${eww} update wifi_rev=false"
|
||||
(box :vexpand "false" :hexpand "false" :space-evenly "false"
|
||||
(button :class "module-wif" :onclick "hyprctl dispatch exec 'alacritty -e nmtui'" :wrap "false" :limit-width 12 :style "color: ${COL_WLAN};" WLAN_ICON)
|
||||
(revealer :transition "slideright"
|
||||
:reveal wifi_rev
|
||||
:duration "350ms"
|
||||
(button :class "module_essid" :onclick "hyprctl dispatch exec 'alacritty -e nmtui'" :wrap "false" :limit-width 12 :style "color: ${COL_WLAN};" ESSID_WLAN)))))
|
||||
|
||||
(defwidget bluetooth []
|
||||
(box :vexpand "false" :hexpand "false" :space-evenly "false"
|
||||
(button :class "module-wif" :onclick "hyprctl dispatch exec 'blueman-manager'" :wrap "false" :limit-width 12 :style "color: ${COL_WLAN};" "")
|
||||
(button :class "module-blu" :onclick "hyprctl dispatch exec 'blueman-manager'" :wrap "false" :limit-width 12 "")
|
||||
))
|
||||
|
||||
;; workspaces ;;
|
||||
(defwidget workspaces []
|
||||
(literal :content workspace))
|
||||
|
||||
|
||||
;; Battery ;;
|
||||
(defwidget bat []
|
||||
(box :class "bat_module" :vexpand "false" :hexpand "false"
|
||||
(button
|
||||
:class "iconbat"
|
||||
:tooltip "Battery: ${battery-capacity}%"
|
||||
:show_truncated false
|
||||
:onclick "$HOME/.config/eww/scripts/pop system"
|
||||
:wrap false
|
||||
"${battery}")))
|
||||
|
||||
;; memory ;;
|
||||
(defwidget mem []
|
||||
(box :class "mem_module" :vexpand "false" :hexpand "false"
|
||||
|
|
@ -104,7 +66,6 @@
|
|||
(label :class "mem_padding" :text "")
|
||||
))))
|
||||
|
||||
|
||||
;; seperator ;;
|
||||
(defwidget sep []
|
||||
(box :class "module-2" :vexpand "false" :hexpand "false"
|
||||
|
|
@ -128,52 +89,8 @@
|
|||
|
||||
;; speaker volume ;;
|
||||
(defwidget volume []
|
||||
;;(eventbox :onhover "${eww} update vol_reveal=true"
|
||||
;; :onhoverlost "${eww} update vol_reveal=false"
|
||||
(box :class "module-2" :space-evenly "false" :orientation "h" :spacing "3"
|
||||
(button :onclick "scripts/pop audio" :class "volume_icon" "")))
|
||||
;;(revealer :transition "slideleft"
|
||||
;; :reveal vol_reveal
|
||||
;; :duration "350ms"
|
||||
;;(scale :class "volbar"
|
||||
;; :value volume_percent
|
||||
;; :orientation "h"
|
||||
;; :tooltip "${volume_percent}%"
|
||||
;; :max 100
|
||||
;; :min 0
|
||||
;; :onchange "scripts/change-volume sink {}%" )))
|
||||
|
||||
;; screen brightness ;;
|
||||
(defwidget bright []
|
||||
;;(eventbox :onhover "${eww} update br_reveal=true" :onhoverlost "${eww} update br_reveal=false"
|
||||
(box :class "module-2" :space-evenly "false" :orientation "h" :spacing "3"
|
||||
(button :onclick "scripts/pop brightness" :class "bright_icon" "")))
|
||||
;;(revealer :transition "slideleft"
|
||||
;; :reveal br_reveal
|
||||
;; :duration "350ms"
|
||||
;; (scale :class "brightbar"
|
||||
;; :value brightness_percent
|
||||
;; :orientation "h"
|
||||
;; :tooltip "${brightness_percent}%"
|
||||
;; :max 100
|
||||
;; :min 0
|
||||
;; :onchange "brightnessctl set {}%" )))
|
||||
|
||||
;; brightness widget ;;
|
||||
(defwidget brightness_overlay []
|
||||
(eventbox :onhover "scripts/pop hoverCreate"
|
||||
:onhoverlost "scripts/pop hoverGet brightness_window"
|
||||
(box :class "audio-box" :halign "center" :orientation "v" :vexpand "false" :hexpand "false"
|
||||
(label :class "speaker_text" :text "brightness" :halign "left" )
|
||||
(box :class "brightbar" :halign "center" :vexpand "false" :hexpand "false"
|
||||
(label :class "bright_icon_overlay" :text "")
|
||||
(scale :value brightness_percent
|
||||
:space-evenly "false"
|
||||
:orientation "h"
|
||||
:onchange "brightnessctl set {}%"
|
||||
:tooltip "brightness on ${brightness_percent}%"
|
||||
:max 100
|
||||
:min 0)))))
|
||||
|
||||
;; audio volume widget ;;
|
||||
(defwidget audio []
|
||||
|
|
@ -205,19 +122,6 @@
|
|||
:onchange "pactl set-source-volume @DEFAULT_SOURCE@ {}%"
|
||||
:max 100
|
||||
:min 0))))
|
||||
(label :text "" :class "audio_sep" :halign "center")
|
||||
(box :halign "center" :space-evenly "false" :hexpand "false" :vexpand "false"
|
||||
(label :class "bright_icon_overlay" :orientation "v" :text "")
|
||||
(box :orientation "v" :halign "center" :vexpand "false" :hexpand "false"
|
||||
(label :class "bright_text" :text "lux" :valign "center" :halign "right" )
|
||||
(box :class "brightbar" :halign "center" :vexpand "false" :hexpand "false"
|
||||
(scale :value brightness_percent
|
||||
:space-evenly "false"
|
||||
:orientation "h"
|
||||
:tooltip "brightness ${brightness_percent}%"
|
||||
:onchange "brightnessctl set {}%"
|
||||
:max 100
|
||||
:min 0))))
|
||||
(label :text "" :class "audio_sep" :halign "center")
|
||||
(box :class "change_audio_box" :halign "center" :spac`e-evenly "false" :hexpand "false" :vexpand "false"
|
||||
(box :class "change_audio" :orientation "v" :halign "left"
|
||||
|
|
@ -226,21 +130,6 @@
|
|||
(button :onclick "scripts/change-audio bluetooth" ""))
|
||||
))))
|
||||
|
||||
;; Music ;;
|
||||
;;(defwidget music []
|
||||
;; (eventbox :onhover "${eww} update music_reveal=true"
|
||||
;;;; :onhoverlost "${eww} update music_reveal=false"
|
||||
;; (box :class "module-2" :orientation "h" :space-evenly "false" :vexpand "false" :hexpand "false"
|
||||
;; (box :class "song_cover_art" :vexpand "false" :hexpand "false" :style "background-image: url('${cover_art}');")
|
||||
;; (button :class "song" :wrap "true" :onclick "~/.config/eww/scripts/pop music" song)
|
||||
;; (revealer :transition "slideright"
|
||||
;; :reveal music_reveal
|
||||
;; :duration "350ms"
|
||||
;; (box :vexpand "false" :hexpand "false" :oreintation "h"
|
||||
;; (button :class "song_btn_prev" :onclick "~/.config/eww/scripts/music_info --prev" "")
|
||||
;; (button :class "song_btn_play" :onclick "~/.config/eww/scripts/music_info --toggle" song_status)
|
||||
;; (button :class "song_btn_next" :onclick "~/.config/eww/scripts/music_info --next" ""))))))
|
||||
|
||||
(defwidget cname []
|
||||
(literal :content currentName))
|
||||
|
||||
|
|
@ -254,54 +143,10 @@
|
|||
:day calendar_day
|
||||
:year calendar_year)))))
|
||||
|
||||
;; Music again.. ;;
|
||||
;;(defwidget music_pop []
|
||||
;; (box :class "music_pop" :orientation "h" :space-evenly "false" :vexpand "false" :hexpand "false"
|
||||
;; (box :class "music_cover_art" :vexpand "false" :hexpand "false" :style "background-image: url('${cover_art}');")
|
||||
;; (box :orientation "v" :spacing 20 :space-evenly "false" :vexpand "false" :hexpand "false"
|
||||
;; (label :halign "center" :class "music" :wrap "true" :limit-width 13 :text song)
|
||||
;; (label :halign "center" :class "music_artist" :wrap "true" :limit-width 15 :text song_artist)
|
||||
;; (box :orientation "h" :spacing 15 :halign "center" :space-evenly "false" :vexpand "false" :hexpand "false"
|
||||
;; (button :class "music_btn_prev" :onclick "~/.config/eww/scripts/music_info --prev" "")
|
||||
;; (button :class "music_btn_play" :onclick "~/.config/eww/scripts/music_info --toggle" song_status)
|
||||
;; (button :class "music_btn_next" :onclick "~/.config/eww/scripts/music_info --next" ""))
|
||||
;; (box :class "music_bar" :halign "center" :vexpand "false" :hexpand "false" :space-evenly "false"
|
||||
;; (scale :onscroll "mpc -q seek {}" :min 0 :active "true" :max 100 :value current_status)))))
|
||||
|
||||
|
||||
(defwidget system []
|
||||
(eventbox :onhover "scripts/pop hoverCreate"
|
||||
:onhoverlost "scripts/pop hoverGet system"
|
||||
(box :class "sys_win" :orientation "v" :space-evenly "false" :hexpand "false" :vexpand "false" :spacing 0
|
||||
(box :class "sys_bat_box" :orientation "h" :space-evenly "false"
|
||||
(circular-progress :value battery-capacity
|
||||
:class "sys_bat"
|
||||
:thickness 9
|
||||
(label :text ""
|
||||
:class "sys_icon_bat"
|
||||
:limit-width 2
|
||||
:show_truncated false
|
||||
:wrap false))
|
||||
(box :orientation "v" :space-evenly "false" :spacing 0 :hexpand "false" :vexpand "false"
|
||||
(label :text "battery"
|
||||
:halign "start"
|
||||
:class "sys_text_bat"
|
||||
:limit-width 9
|
||||
:show_truncated false
|
||||
:wrap false)
|
||||
(label :text "${battery-capacity}%"
|
||||
:halign "start"
|
||||
:class "sys_text_bat_sub"
|
||||
:limit-width 22
|
||||
:show_truncated false
|
||||
:wrap false)
|
||||
(label :text "${battery_status}"
|
||||
:halign "start"
|
||||
:class "sys_text_bat_sub"
|
||||
:limit-width 22
|
||||
:show_truncated false
|
||||
:wrap false)))
|
||||
(label :text "" :class "sys_sep" :halign "center")
|
||||
(box :class "sys_mem_box" :orientation "h" :space-evenly "false" :halign "start"
|
||||
(circular-progress :value memory
|
||||
:class "sys_mem"
|
||||
|
|
@ -389,10 +234,8 @@
|
|||
:halign "end"
|
||||
:class "left_modules"
|
||||
(volume)
|
||||
(wifi)
|
||||
(bluetooth)
|
||||
(sep)
|
||||
(bat)
|
||||
(mem)
|
||||
(sep)
|
||||
(clock_module)))
|
||||
|
|
@ -421,6 +264,9 @@
|
|||
(center)
|
||||
(left)
|
||||
))
|
||||
|
||||
|
||||
|
||||
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
||||
;; Drawing Windows ;;
|
||||
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
||||
|
|
@ -441,25 +287,10 @@
|
|||
:y "2px"
|
||||
:anchor "top right"
|
||||
:width "250px"
|
||||
:height "330px")
|
||||
:height "230px")
|
||||
:stacking "overlay"
|
||||
(audio))
|
||||
|
||||
(defwindow brightness_window
|
||||
:monitor 0
|
||||
:geometry (geometry :x "250px"
|
||||
:y "2px"
|
||||
:anchor "top right"
|
||||
:width "280px"
|
||||
:height "60px")
|
||||
:stacking "overlay"
|
||||
(brightness_overlay))
|
||||
|
||||
;; music again .. ;;
|
||||
;; (defwindow music_win :stacking "fg" :focusable "false" :screen 1
|
||||
;; :geometry (geometry :x "0" :y "7%" :width 428 :height 104 :anchor "top center")
|
||||
;; (music_pop))
|
||||
|
||||
(defwindow system
|
||||
:monitor 0
|
||||
:geometry (geometry :x "50px"
|
||||
|
|
@ -475,20 +306,47 @@
|
|||
:monitor 0
|
||||
:geometry (geometry :x "0%"
|
||||
:y "1px"
|
||||
:width "99%"
|
||||
:width "3417px"
|
||||
:height "20px"
|
||||
:anchor "top center")
|
||||
:stacking "bg"
|
||||
:stacking "bottom"
|
||||
:wm-ignore false
|
||||
:exclusive true
|
||||
(bar_1))
|
||||
|
||||
;; draw the bar ;;
|
||||
(defwindow cockpit_window
|
||||
;; draw the cockpit monitor 0 ;;
|
||||
(defwindow cockpit_window_0
|
||||
:monitor 0
|
||||
:geometry (geometry
|
||||
:geometry (geometry :x "1470px"
|
||||
:y "420px"
|
||||
:width "600px"
|
||||
:height "500px"
|
||||
:height "400px"
|
||||
:anchor "center")
|
||||
:stacking "overlay"
|
||||
:wm-ignore false
|
||||
:exclusive true
|
||||
(cockpit))
|
||||
|
||||
|
||||
;; draw the cockpit monitor 1 ;;
|
||||
(defwindow cockpit_window_1
|
||||
:monitor 1
|
||||
:geometry (geometry
|
||||
:width "600px"
|
||||
:height "400px"
|
||||
:anchor "center")
|
||||
:stacking "overlay"
|
||||
:wm-ignore false
|
||||
:exclusive true
|
||||
(cockpit))
|
||||
|
||||
|
||||
;; draw the cockpit monitor 2 ;;
|
||||
(defwindow cockpit_window_2
|
||||
:monitor 2
|
||||
:geometry (geometry
|
||||
:width "600px"
|
||||
:height "400px"
|
||||
:anchor "center")
|
||||
:stacking "overlay"
|
||||
:wm-ignore false
|
||||
|
|
|
|||
|
|
@ -1,8 +1,11 @@
|
|||
#! /bin/bash
|
||||
|
||||
ISOPEN=$(eww windows | grep "*cockpit")
|
||||
ISOPEN=$(eww windows | grep "*cockpit" | tr -d '*')
|
||||
|
||||
|
||||
if [ "$ISOPEN" = "" ]; then
|
||||
eww open cockpit_window
|
||||
MONITOR=$(hyprctl monitors | grep -B 7 "focused: yes" | grep "ID" | awk -F '(' ' { print $2 } ' | tr -d 'ID ):')
|
||||
eww open cockpit_window_"$MONITOR"
|
||||
else
|
||||
eww close cockpit_window
|
||||
eww close "$ISOPEN"
|
||||
fi
|
||||
|
|
|
|||
1
eww/scripts/home/dashie/.cache/weather/weather-degree
Normal file
1
eww/scripts/home/dashie/.cache/weather/weather-degree
Normal file
|
|
@ -0,0 +1 @@
|
|||
8°C
|
||||
1
eww/scripts/home/dashie/.cache/weather/weather-hex
Normal file
1
eww/scripts/home/dashie/.cache/weather/weather-hex
Normal file
|
|
@ -0,0 +1 @@
|
|||
#adadff
|
||||
1
eww/scripts/home/dashie/.cache/weather/weather-icon
Normal file
1
eww/scripts/home/dashie/.cache/weather/weather-icon
Normal file
|
|
@ -0,0 +1 @@
|
|||
|
||||
1
eww/scripts/home/dashie/.cache/weather/weather-quote
Normal file
1
eww/scripts/home/dashie/.cache/weather/weather-quote
Normal file
|
|
@ -0,0 +1 @@
|
|||
It's cloudy, sort of gloomy \nYou'd better get a book to read...
|
||||
1
eww/scripts/home/dashie/.cache/weather/weather-stat
Normal file
1
eww/scripts/home/dashie/.cache/weather/weather-stat
Normal file
|
|
@ -0,0 +1 @@
|
|||
Overcast Clouds
|
||||
|
|
@ -29,7 +29,7 @@ run() {
|
|||
${EWW_BIN} -c $HOME/.config/eww open system
|
||||
}
|
||||
|
||||
# Open widgets
|
||||
# Open system
|
||||
if [[ ! -f "$LOCK_FILE_MEM" ]]; then
|
||||
${EWW_BIN} -c $HOME/.config/eww close calendar music_win audio_ctl brightness
|
||||
touch "$LOCK_FILE_MEM"
|
||||
|
|
|
|||
|
|
@ -1,10 +0,0 @@
|
|||
#!/bin/bash
|
||||
|
||||
#if [ "$PLAYER_EVENT" = "start" ] || [ "$PLAYER_EVENT" = "change" ];
|
||||
#then
|
||||
trackName=$(playerctl -p spotifyd,%any metadata title)
|
||||
artistAndAlbumName=$(playerctl -p spotifyd,%any metadata --format "{{ artist }} ({{ album }})")
|
||||
Thumbnail_url=$(playerctl -p spotifyd,%any metadata mpris:artUrl)
|
||||
Thumbnail=$(curl "$Thumbnail_url")
|
||||
notify-send -u low "$trackName" "$artistAndAlbumName " -i "$Thumbnail"
|
||||
#fi
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
#!/bin/bash
|
||||
if [ "$PLAYER_EVENT" = "start" ] || [ "$PLAYER_EVENT" = "change" ];
|
||||
then
|
||||
song=$(playerctl metadata -p spotifyd --format "{{ title }}\n{{ artist }}\n{{ album }}")
|
||||
if [ ! -f "/home/dashie/.cache/icons/$song" ]; then
|
||||
thumb=$(playerctl metadata -p spotifyd --format '{{lc(mpris:artUrl)}}')
|
||||
convert "$thumb" -flatten -thumbnail 256x256 /home/dashie/.cache/icons/"$song"
|
||||
fi
|
||||
dunstify -I /home/dashie/.cache/icons/"$song" -t 3000 "Spotify" "$song"
|
||||
fi
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
#! /bin/bash
|
||||
|
||||
SINK=$(pactl info | grep "Default Sink"| awk -F 'Default Sink: ' ' { print $2 } ')
|
||||
pactl set-sink-mute $SINK toggle
|
||||
MUTE=$(pactl list sinks | grep -A 6 "$SINK" | grep "Mute: yes" | tr -d '\t')
|
||||
|
||||
if [ "$MUTE" = "Mute: yes" ]; then
|
||||
dunstify -a "toggleMute" -r 2 -u low "Muted"
|
||||
else
|
||||
dunstify -a "toggleMute" -r 2 -u low "Unmuted"
|
||||
fi
|
||||
|
||||
|
|
@ -10,16 +10,16 @@ tmp_weather_icon=$tmp_weather/weather-icon
|
|||
if [ ! -d $tmp_weather ]; then
|
||||
mkdir -p $tmp_weather
|
||||
fi
|
||||
|
||||
#notify-send -u critical "weather ping" "pangping"
|
||||
# Put in your api and stuff link here
|
||||
# If you dunno, head to openweathermap.org, and make and account
|
||||
#(completely free I swear, and then get your API Key and your City ID)
|
||||
# I wish I was smart enough to do it like Elena, but this is the top I could do lol
|
||||
KEY="{your key}"
|
||||
ID="{your city id}"
|
||||
KEY="{key}"
|
||||
ID="{location}"
|
||||
UNIT="{metric}" #Options are 'metric' and 'imperial'
|
||||
weather=$(curl -sf "http://api.openweathermap.org/data/2.5/weather?APPID="$KEY"&id="$ID"&units="$UNIT"")
|
||||
echo $weather
|
||||
weather=$(curl -sf "http://api.openweathermap.org/data/2.5/weather?APPID="$KEY"&q="$ID"&units="$UNIT"")
|
||||
#echo $weather
|
||||
if [ ! -z "$weather" ]; then
|
||||
weather_temp=$(echo "$weather" | jq ".main.temp" | cut -d "." -f 1)
|
||||
weather_icon_code=$(echo "$weather" | jq -r ".weather[].icon" | head -1)
|
||||
|
|
|
|||
|
|
@ -21,14 +21,14 @@ o7=$(hyprctl workspaces | grep "$ws7" )
|
|||
o8=$(hyprctl workspaces | grep "$ws8" )
|
||||
|
||||
# check if Focused
|
||||
f1=$(hyprctl monitors | grep "workspace: 1" )
|
||||
f2=$(hyprctl monitors | grep "workspace: 2" )
|
||||
f3=$(hyprctl monitors | grep "workspace: 3" )
|
||||
f4=$(hyprctl monitors | grep "workspace: 4" )
|
||||
f5=$(hyprctl monitors | grep "workspace: 5" )
|
||||
f6=$(hyprctl monitors | grep "workspace: 6" )
|
||||
f7=$(hyprctl monitors | grep "workspace: 7" )
|
||||
f8=$(hyprctl monitors | grep "workspace: 8" )
|
||||
f1=$(hyprctl monitors | grep "workspace: 1" -A 4 | grep "focused: yes" )
|
||||
f2=$(hyprctl monitors | grep "workspace: 2" -A 4 | grep "focused: yes" )
|
||||
f3=$(hyprctl monitors | grep "workspace: 3" -A 4 | grep "focused: yes" )
|
||||
f4=$(hyprctl monitors | grep "workspace: 4" -A 4 | grep "focused: yes" )
|
||||
f5=$(hyprctl monitors | grep "workspace: 5" -A 4 | grep "focused: yes" )
|
||||
f6=$(hyprctl monitors | grep "workspace: 6" -A 4 | grep "focused: yes" )
|
||||
f7=$(hyprctl monitors | grep "workspace: 7" -A 4 | grep "focused: yes" )
|
||||
f8=$(hyprctl monitors | grep "workspace: 8" -A 4 | grep "focused: yes" )
|
||||
|
||||
if [ "$o1" != "" ]; then
|
||||
ic_1="①"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue