add waybar eww and sway
This commit is contained in:
+377
@@ -0,0 +1,377 @@
|
||||
/** Global *******************************************/
|
||||
*{
|
||||
all: unset;
|
||||
font-family: feather;
|
||||
font-family: Iosevka;
|
||||
}
|
||||
|
||||
/** Background **************************************
|
||||
.bg {
|
||||
background-image: url("images/bg.png");
|
||||
background-color: #474D59;
|
||||
opacity: 1;
|
||||
} */
|
||||
|
||||
/** Generic window ***********************************/
|
||||
.genwin {
|
||||
background-color: #15161E;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
/** Profile ******************************************/
|
||||
.face {
|
||||
background-size: 200px;
|
||||
min-height: 200px;
|
||||
min-width: 200px;
|
||||
margin: 65px 0px 0px 0px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.fullname {
|
||||
color: #ef596f;
|
||||
font-size : 30px;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.username {
|
||||
color: #6BB2C0;
|
||||
font-size : 22px;
|
||||
font-weight : bold;
|
||||
margin : -15px 0px 0px 0px;
|
||||
}
|
||||
|
||||
/** System ********************************************/
|
||||
.iconcpu, .iconmem, .iconbright, .iconbat {
|
||||
font-size : 32px;
|
||||
font-weight : normal;
|
||||
}
|
||||
.iconcpu {
|
||||
color: #f7768e;
|
||||
}
|
||||
.iconmem {
|
||||
color: #9ece6a;
|
||||
}
|
||||
.iconbright {
|
||||
color: #e0af68;
|
||||
}
|
||||
.iconbat {
|
||||
color: #7aa2f7;
|
||||
}
|
||||
|
||||
.cpu_bar, .mem_bar, .bright_bar, .bat_bar, scale trough {
|
||||
all: unset;
|
||||
background-color: #282C34;
|
||||
border-radius: 16px;
|
||||
min-height: 28px;
|
||||
min-width: 240px;
|
||||
}
|
||||
|
||||
.cpu_bar, .mem_bar, .bright_bar, .bat_bar, scale trough highlight {
|
||||
all: unset;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.cpu_bar scale trough highlight {
|
||||
background-color: #f7768e;
|
||||
}
|
||||
.mem_bar scale trough highlight {
|
||||
background-color: #9ece6a;
|
||||
}
|
||||
.bright_bar scale trough highlight {
|
||||
background-color: #e0af68;
|
||||
}
|
||||
.bat_bar scale trough highlight {
|
||||
background-color: #7aa2f7;
|
||||
}
|
||||
|
||||
/** Clock ********************************************/
|
||||
.time_hour, .time_min {
|
||||
color: #7dcfff;
|
||||
font-size : 70px;
|
||||
font-weight : bold;
|
||||
}
|
||||
.time_hour {
|
||||
margin : 15px 0px 0px 20px;
|
||||
}
|
||||
.time_min {
|
||||
margin : 0px 0px 10px 0px;
|
||||
}
|
||||
|
||||
.time_mer {
|
||||
color: #9ece6a;
|
||||
font-size : 40px;
|
||||
font-weight : bold;
|
||||
margin : 20px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.time_day {
|
||||
color: #e0af68;
|
||||
font-size : 30px;
|
||||
font-weight : normal;
|
||||
margin : 0px 0px 20px -20px;
|
||||
}
|
||||
|
||||
/** Uptime ********************************************/
|
||||
.icontimer {
|
||||
color: #bb9af7;
|
||||
font-size : 90px;
|
||||
font-weight : normal;
|
||||
}
|
||||
|
||||
.uphour {
|
||||
color: #c0caf5;
|
||||
font-size : 42px;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.upmin {
|
||||
color: #c0caf5;
|
||||
font-size : 32px;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
/** Music ***************************************/
|
||||
.album_art {
|
||||
background-size: 240px;
|
||||
min-height: 240px;
|
||||
min-width: 240px;
|
||||
margin: 20px;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.song {
|
||||
color: #6BB2C0;
|
||||
font-size : 24px;
|
||||
font-weight : bold;
|
||||
margin : 40px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.artist {
|
||||
color: #e0af68;
|
||||
font-size : 16px;
|
||||
font-weight : normal;
|
||||
margin : 0px 0px 15px 0px;
|
||||
}
|
||||
|
||||
.btn_prev, .btn_play, .btn_next {
|
||||
font-family: Iosevka Nerd Font;
|
||||
}
|
||||
.btn_prev {
|
||||
color: #e0af68;
|
||||
font-size : 32px;
|
||||
font-weight : normal;
|
||||
}
|
||||
.btn_play {
|
||||
color: #9ece6a;
|
||||
font-size : 48px;
|
||||
font-weight : bold;
|
||||
}
|
||||
.btn_next {
|
||||
color: #e0af68;
|
||||
font-size : 32px;
|
||||
font-weight : normal;
|
||||
}
|
||||
|
||||
.music_bar scale trough highlight {
|
||||
all: unset;
|
||||
background-color: #bb9af7;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.music_bar scale trough {
|
||||
all: unset;
|
||||
background-color: #282C34;
|
||||
border-radius: 8px;
|
||||
min-height: 20px;
|
||||
min-width: 310px;
|
||||
margin : 10px 0px 0px 0px;
|
||||
}
|
||||
|
||||
/** Weather ***************************************/
|
||||
.iconweather {
|
||||
font-family: Iosevka Nerd Font;
|
||||
font-size : 120px;
|
||||
font-weight : normal;
|
||||
margin : 15px 0px 0px 30px;
|
||||
}
|
||||
|
||||
.label_temp {
|
||||
color : #7dcfff;
|
||||
font-size : 80px;
|
||||
font-weight : bold;
|
||||
margin : -15px 30px 0px 0px;
|
||||
}
|
||||
|
||||
.label_stat {
|
||||
color : #f7768e;
|
||||
font-size : 38px;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.label_quote {
|
||||
color : #a9b1d6;
|
||||
font-size : 18px;
|
||||
font-weight : normal;
|
||||
}
|
||||
|
||||
/** Applications ***************************************/
|
||||
.appbox {
|
||||
margin : 15px 0px 0px 25px;
|
||||
}
|
||||
|
||||
.app_fox, .app_telegram, .app_discord, .app_terminal,
|
||||
.app_files, .app_geany, .app_code, .app_gimp, .app_vbox {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 64px;
|
||||
min-height: 64px;
|
||||
min-width: 64px;
|
||||
margin: 8px 8px 0px 8px;
|
||||
}
|
||||
|
||||
.app_fox {}
|
||||
.app_telegram {}
|
||||
.app_discord {}
|
||||
.app_terminal {}
|
||||
.app_files {}
|
||||
.app_geany {}
|
||||
.app_code {}
|
||||
.app_gimp {}
|
||||
.app_vbox {}
|
||||
|
||||
/** Links ***************************************/
|
||||
.iconweb, .iconmail {
|
||||
color: #FFFFFF;
|
||||
font-family: Iosevka Nerd Font;
|
||||
font-size : 70px;
|
||||
font-weight : normal;
|
||||
}
|
||||
.iconmail {
|
||||
color: #DF584E;
|
||||
}
|
||||
|
||||
.github {
|
||||
background-color: #24292E;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.reddit {
|
||||
background-color: #E46231;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.twitter {
|
||||
background-color: #61AAD6;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.youtube {
|
||||
background-color: #DF584E;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.mail {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.mailbox {
|
||||
background-color: #E5E5E5;
|
||||
border-radius: 10px;
|
||||
margin: 48px 0px 48px 0px;
|
||||
}
|
||||
.label_mails {
|
||||
color: #404040;
|
||||
font-size : 32px;
|
||||
font-weight : bold;
|
||||
margin: 0px 12px 0px 12px;
|
||||
}
|
||||
|
||||
/** Power buttons ***************************************/
|
||||
.btn_logout, .btn_sleep, .btn_reboot, .btn_poweroff {
|
||||
font-size : 48px;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.btn_logout {
|
||||
color: #f7768e;
|
||||
}
|
||||
.btn_sleep {
|
||||
color: #9ece6a;
|
||||
}
|
||||
.btn_reboot {
|
||||
color: #e0af68;
|
||||
}
|
||||
.btn_poweroff {
|
||||
color: #7aa2f7;
|
||||
}
|
||||
|
||||
/** Home folders ***************************************/
|
||||
.hddbox {
|
||||
background-color: #282C34;
|
||||
border-radius: 10px;
|
||||
margin : 15px;
|
||||
}
|
||||
.hddicon {
|
||||
color: #7dcfff;
|
||||
font-family: Iosevka Nerd Font;
|
||||
font-size : 70px;
|
||||
font-weight : normal;
|
||||
margin : 25px 20px 25px 40px;
|
||||
}
|
||||
.hdd_label {
|
||||
color: #c0caf5;
|
||||
font-size : 48px;
|
||||
font-weight : bold;
|
||||
margin : 0px 0px 0px 15px;
|
||||
}
|
||||
.fs_sep {
|
||||
color: #15161E;
|
||||
font-size : 36px;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.iconfolder1, .iconfolder2, .iconfolder3, .iconfolder4, .iconfolder5, .iconfolder6 {
|
||||
font-family: Iosevka Nerd Font;
|
||||
font-size : 32px;
|
||||
font-weight : normal;
|
||||
margin : 0px 0px 0px 75px;
|
||||
}
|
||||
.iconfolder1 {
|
||||
color: #f7768e;
|
||||
}
|
||||
.iconfolder2 {
|
||||
color: #9ece6a;
|
||||
}
|
||||
.iconfolder3 {
|
||||
color: #e0af68;
|
||||
}
|
||||
.iconfolder4 {
|
||||
color: #7dcfff;
|
||||
}
|
||||
.iconfolder5 {
|
||||
color: #bb9af7;
|
||||
}
|
||||
.iconfolder6 {
|
||||
color: #7aa2f7;
|
||||
}
|
||||
|
||||
.label_folder1, .label_folder2, .label_folder3, .label_folder4, .label_folder5, .label_folder6 {
|
||||
font-size : 22px;
|
||||
font-weight : normal;
|
||||
margin : 0px 0px 0px 30px;
|
||||
}
|
||||
.label_folder1 {
|
||||
color: #f7768e;
|
||||
}
|
||||
.label_folder2 {
|
||||
color: #9ece6a;
|
||||
}
|
||||
.label_folder3 {
|
||||
color: #e0af68;
|
||||
}
|
||||
.label_folder4 {
|
||||
color: #7dcfff;
|
||||
}
|
||||
.label_folder5 {
|
||||
color: #bb9af7;
|
||||
}
|
||||
.label_folder6 {
|
||||
color: #7aa2f7;
|
||||
}
|
||||
|
||||
/** EOF *************************************************/}
|
||||
@@ -0,0 +1,61 @@
|
||||
|
||||
(defpoll calendar_day :interval "20h" "date '+%d'")
|
||||
(defpoll calendar_year :interval "20h" "date '+%Y'")
|
||||
(defpoll HOUR :interval "5s" `date +\"%I\"`)
|
||||
(defpoll MIN :interval "5s" `date +\"%M\"`)
|
||||
(defpoll MER :interval "5s" `date +\"%p\"`)
|
||||
(defpoll DAY :interval "5s" `date +\"%A\"`)
|
||||
|
||||
|
||||
|
||||
(defwindow example
|
||||
:monitor 0
|
||||
:geometry (geometry :width "100%"
|
||||
:anchor "top left")
|
||||
(cal)
|
||||
)
|
||||
|
||||
(defwidget cal []
|
||||
(box :class "cal" :orientation "v"
|
||||
(box :class "cal-in"
|
||||
(calendar :class "cal"
|
||||
:day calendar_day
|
||||
:year calendar_year))))
|
||||
|
||||
(defwindow quote
|
||||
:wm-ignore true
|
||||
:monitor 0
|
||||
:windowtype "dock"
|
||||
:geometry (geometry :x "200px"
|
||||
:y "65px"
|
||||
:width "170px"
|
||||
:height "200px"
|
||||
:anchor "top left")
|
||||
(clock))
|
||||
|
||||
|
||||
;(defwindow searchapps
|
||||
; :wm-ignore: true
|
||||
; :monitor 0
|
||||
; :windowtype "normal"
|
||||
; :geometry (geometry :x "40%"
|
||||
; :y "30%"
|
||||
; :width "20%"
|
||||
; :height "50%"
|
||||
; :anchor "top left")
|
||||
;(searchapps))
|
||||
|
||||
(defpoll quote_text :interval "3600s" `curl ifconfig.me`)
|
||||
|
||||
(defwidget clock []
|
||||
(box :class "genwin" :orientation "h" :spacing 50 :space-evenly false :vexpand "false" :hexpand "false"
|
||||
(box :orientation "h" :spacing 0
|
||||
(label :class "time_hour" :valign "start" :wrap "true" :limit-width 25 :text HOUR)
|
||||
(label :class "time_min" :valign "end" :wrap "true" :limit-width 25 :text MIN))
|
||||
(box :orientation "v" :spacing 0
|
||||
(label :class "time_mer" :valign "start" :halign "end" :wrap "true" :limit-width 25 :text MER)
|
||||
(label :class "time_day" :valign "end" :halign "end" :wrap "true" :limit-width 25 :text DAY))))
|
||||
|
||||
(defwidget quote[]
|
||||
(box :class "quote" :orientation "v" :space-evenly false :halign "center" :valign "center"
|
||||
(label :class "quote-text" :text "${quote_text}" :wrap true)))
|
||||
Reference in New Issue
Block a user