matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add eww config

Browse source
This commit is contained in:
matt1432 2023-05-28 18:05:51 -04:00
parent fac0e15a9e
commit 85dde2e9aa
34 changed files with 2112 additions and 0 deletions

305
eww/dashboard/dashboard.scss Normal file
View file

@ -0,0 +1,305 @@
.dashboardbox {
background-color: $black;
color: $fg;
}
.headerbox {
padding: 8px 10px 6px;
.userbox {
.pfp {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 32px;
min-width: 32px;
border-radius: 50px;
}
.pcname {
font-family: Product Sans;
.sep {
color: $blue;
}
}
}
.searchbox {
.searchinput {
background-color: $bg;
padding: 5px 0px;
border-radius: 50px;
transition: all ease .2s;
&:hover { background-color: $bgSecondary; }
&:active { background-color: $contrastbg; }
.searchinput-content {
padding: 0px 200px 0px 10px;
font-family: Product Sans;
.icon {
font-family: Iosevka Nerd Font;
color: $blue;
margin-right: 12px;
}
.placeholder {
color: $lightblack;
}
}
}
}
}
.content-container {
.contentbox {
background-color: $bg;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding: 25px;
.firstcol {
.usercard {
background-color: $black;
border-radius: 12px;
padding: 10px;
.user-content {
font-family: Product Sans;
.pfp {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 64px;
min-width: 64px;
border-radius: 50px;
}
.username {
font-weight: bolder;
font-size: 20px;
}
.uptime {
font-size: 12px;
}
}
.user-powerbuttons {
button {
background-color: $dimblack;
border-radius: 7px;
padding: 2px 10px 2px 7px;
font-family: Iosevka Nerd Font;
font-size: 16px;
transition: all ease .2s;
&:hover { background-color: $lightblack; }
&:active { background-color: $dimblack; }
}
.poweroff { color: $red; }
.reboot { color: $magenta; }
}
}
.controlscard {
background-color: $black;
padding: 10px;
border-radius: 12px;
.control-container {
.control-item {
transition: all ease .2s;
border-radius: 50px;
background-color: $dimblack;
color: $blue;
&:hover { background-color: $lightblack; }
&:active { background-color: $dimblack; }
&.active {
background: $blue;
color: $bg;
}
.control-icon {
font-family: Iosevka Nerd Font;
font-size: 14px;
}
// solving nerd fonts alignment issues
&.network { padding: 9px 19px 9px 10px; }
&.network-disconnected { padding: 9px 18px 9px 11px; }
&.airplane { padding: 9px 17px 9px 12px; }
&.volume { padding: 9px 18px 9px 11px; }
&.volume-muted { padding: 9px 17px 9px 12px; }
&.mic { padding: 9px 16px 9px 13px; }
&.mic-on { padding: 9px 15px 9px 14px; }
&.redshift { padding: 9px 18px 9px 11px; }
&.redshift-on { padding: 9px 17px 9px 12px; }
&.bluetooth { padding: 9px 16px 9px 13px; }
&.bluetooth-on { padding: 9px 15px 9px 14px; }
&.fullscreensht { padding: 9px 17px 9px 12px; }
&.areascreensht { padding: 9px 17px 9px 12px; }
}
}
}
.slidersbox {
.vol-slider {
.vol-label {
font-size: 16px;
font-family: Iosevka Nerd Font;
color: $bg;
margin-left: 10px;
}
& scale trough {
all: unset;
border-radius: 10px;
background-color: $black;
border: none;
min-height: 25px;
min-width: 245px;
margin-left: 3px;
& highlight {
all: unset;
background: $blue;
color: #000000;
border-radius: 10px;
}
}
}
.br-slider {
.br-label {
font-size: 16px;
font-family: Iosevka Nerd Font;
color: $bg;
margin-left: 10px;
}
& scale trough {
all: unset;
border-radius: 100px;
background-color: $black;
border: none;
min-height: 25px;
min-width: 245px;
margin-left: 3px;
& highlight {
all: unset;
background: $blue;
color: #000000;
border-radius: 10px;
}
}
}
.mic-slider {
.mic-label {
font-size: 16px;
font-family: Iosevka Nerd Font;
color: $bg;
margin-left: 10px;
}
& scale trough {
all: unset;
border-radius: 100px;
background-color: $black;
border: none;
min-height: 25px;
min-width: 245px;
margin-left: 3px;
& highlight {
all: unset;
background: $blue;
color: #000000;
border-radius: 10px;
}
}
}
}
}
.lastcol {
.musicbox {
background-color: $black;
border-radius: 12px;
.firstrow {
padding: 10px;
.picbox {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-width: 64px;
min-height: 64px;
border-radius: 10px;
}
.info {
font-family: Product Sans;
.music-title {
font-weight: bolder;
}
.music-artist {
color: $lightblack;
}
}
}
.lastrow {
padding: 10px 0px;
background-color: $dimblack;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
.controls-container {
font-size: 16px;
font-family: Iosevka Nerd Font;
button {
transition: all ease .2s;
border-radius: 7px;
&:hover { background-color: $lightblack; }
&:active { background-color: transparent; }
&.previousbutton, &.nextbutton { padding: 1px 11px 1px 10px; }
&.pausebutton {
font-size: 20px;
padding: 1px 12px 1px 9px;
&.playing {
padding: 1px 14px 1px 7px;
}
}
}
}
}
}
.chart-container {
background-color: $black;
border-radius: 12px;
.header {
padding: 5px 10px;
font-family: Product Sans;
font-size: 14px;
color: $lightblack;
}
.body .container {
padding: 10px;
.chart-container {
background-color: $lightblack;
border-radius: 3em;
.chart {
color: $blue;
label {
padding: 1em;
font-size: 23px;
}
}
.chart-icon {
background-color: $black;
border-radius: 3em;
padding: 12px 5px;
margin: 0.5em;
font-family: Iosevka Nerd Font;
// nf alignment issues (again).
&.cpu { padding: 12px 9px 12px 4px; }
&.ram { padding: 12px 8px 12px 5px; }
&.temp { padding: 13px 9px 12px 3px; }
&.disk { padding: 13px 8px 12px 4px; }
}
}
}
}
}
}
.footer {
background-color: $bg;
padding: 10px 0px;
font-family: Product Sans;
.protipbox {
.icon {
font-family: Iosevka Nerd Font;
color: $yellow;
}
}
}
}

385
eww/dashboard/dashboard.yuck Normal file
View file

@ -0,0 +1,385 @@
(defwidget header []
(box :class "headerbox"
:orientation "h"
:space-evenly false
(box :class "userbox"
:orientation "h"
:space-evenly false
:halign "start"
:valign "center"
:spacing 10
(box :class "pfp"
:style "background-image: url('${pfp}');")
(box :class "pcname"
:orientation "h"
:space-evenly false
(label :text "${rawuser}" :class "username")
(label :text "@" :class "sep")
(label :text "${hostname}" :class "hostname")
)
)
(box :class "searchbox"
:orientation "h"
:space-evenly true
:halign "end"
:hexpand true
:valign "center"
(button :class "searchinput"
:onclick "~/.config/eww/scripts/exec rofi -show drun"
(box :class "searchinput-content"
:orientation "h"
:space-evenly false
:hexpand true
:halign "start"
:valign "center"
:vexpand true
(label :text "" :class "icon")
(label :text "Search Applications" :class "placeholder")
)
)
)
)
)
(defwidget usercard []
(box :class "usercard"
:orientation "v"
:space-evenly false
(box :class "user-content"
:orientation "h"
:space-evenly false
:vexpand true
:spacing 15
(box :class "pfp"
:style "background-image: url('${pfp}');")
(box :class "info"
:hexpand true
:vexpand true
:valign "center"
:halign "start"
:orientation "v"
:space-evenly false
:spacing 3
(label :text "${username}" :class "username" :halign "start")
(label :text "${uptime}" :class "uptime" :halign "start")
)
)
(box :class "user-powerbuttons"
:orientation "h"
:space-evenly false
:hexpand true
:halign "end"
:valign "end"
:spacing 5
(button :class "reboot"
:onclick "doas poweroff"
"勒"
)
(button :class "poweroff"
:onclick "doas poweroff"
"襤"
)
)
)
)
(defwidget control [name icon tooltip onclick active]
(box :class "control-container"
:orientation "h"
:hexpand true
:valign "center"
:space-evenly true
(button :class "control-item ${name} ${active ? 'active' : ''}"
:orientation "h"
:space-evenly true
:halign "center"
:hexpand false
:valign "center"
:onclick "${onclick}"
:tooltip "${tooltip}"
(label :text "${icon}" :class "control-icon")
)
)
)
(defwidget quicksettings []
(box :class "controlscard"
:orientation "v"
:space-evenly false
:spacing 20
(box :class "firstrow"
:orientation "h"
:space-evenly true
(control :name "network${network_status == 'Connected' ? '' : '-disconnected'}"
:icon "${network_icon}"
:tooltip "Toggle network"
:active "${network_status == 'Connected' ? 'true' : 'false'}"
:onclick "~/.config/eww/scripts/network.sh toggle")
(control :name "airplane"
:icon "${network_radio == 'on' ? '' : ''}"
:tooltip "Airplane Mode"
:active "${network_radio == 'on' ? false : true}"
:onclick "~/.config/eww/scripts/network.sh toggle-radio")
(control :name "volume${is_muted == 'yes' ? '-muted' : ''}"
:icon "${volume_icon}"
:tooltip "Toggle muted"
:active "${is_muted == 'yes' ? false : true}"
:onclick "~/.config/eww/scripts/volume.sh toggle-muted")
(control :name "mic${mic_status == 'yes' ? '-on' : ''}"
:icon "${mic_status == 'yes' ? '' : ''}"
:tooltip "Toggle microphone"
:active "${mic_status == 'yes' ? true : false}"
:onclick "~/.config/eww/scripts/mic toggle")
)
(box :class "lastrow"
:orientation "h"
:space-evenly true
(control :name "redshift${redshift_state == 'on' ? '-on' : ''}"
:icon "${redshift_state == 'on' ? '' : ''}"
:tooltip "Toggle night light"
:active "${redshift_state == 'on' ? true : false}"
:onclick "~/.config/eww/scripts/redshift toggle")
(control :name "bluetooth${bluetooth_state == 'on' ? '-on' : ''}"
:icon "${bluetooth_state == 'on' ? '' : ''}"
:tooltip "Toggle bluetooth"
:active "${bluetooth_state == 'on' ? true : false}"
:onclick "~/.config/eww/scripts/bluetooth toggle")
(control :name "fullscreensht"
:icon ""
:tooltip "Take a full screenshot"
:active false
:onclick "~/.config/eww/scripts/screensht full")
(control :name "areascreensht"
:icon ""
:tooltip "Take a screenshot of a selected area"
:active false
:onclick "~/.config/eww/scripts/screensht area")
)
)
)
(defwidget sliders []
(box :class "slidersbox"
:orientation "v"
:space-evenly false
:spacing 25
(box :orientation "h"
:space-evenly "false"
:class "vol-slider"
(overlay
(scale :value volume_value
:onchange "~/.config/eww/scripts/volume.sh set {}"
:min 0
:max 101)
(label :class "vol-label"
:text "${volume_icon} "
:valign "top"
:halign "start")
)
)
(box :orientation "h"
:space-evenly "false"
:class "br-slider"
(overlay
(scale :value br
:onchange "~/.config/eww/scripts/brightness.sh set {}"
:min 0
:max 101)
(label :class "br-label"
:text "${br_icon} "
:valign "top"
:halign "start")
)
)
(box :orientation "h"
:space-evenly "false"
:class "mic-slider"
(overlay
(scale :value mic
:onchange "~/.config/eww/scripts/mic set {}"
:min 0
:max 101)
(label :class "mic-label"
:text "${mic_status == 'yes' ? '' : ''} "
:valign "top"
:halign "start")
)
)
)
)
(defwidget music []
(box :class "musicbox"
:orientation "v"
:space-evenly false
(box :class "firstrow"
:orientation "h"
:space-evenly false
:vexpand true
(box :class "picbox"
:orientation "v"
:space-evenly true
:style "background-image: url('${music_url}');"
music_pic
)
(box :class "info"
:space-evenly false
:hexpand true
:valign "center"
:orientation "v"
:spacing 5
(label :text "${music_title}" :class "music-title")
(label :text "${music_artist}" :class "music-artist")
)
)
(box :class "lastrow"
:orientation "h"
:space-evenly true
(box :class "controls-container"
:orientation "h"
:space-evenly true
(button :onclick "~/.config/eww/scripts/music/control.sh prev"
:class "previousbutton"
:halign "center"
"玲"
)
(button :onclick "~/.config/eww/scripts/music/control.sh play-pause"
:class "pausebutton ${music_status == 'Playing' ? 'playing' : ''}"
:halign "center"
"${music_status == 'Playing' ? '' : ''}"
)
(button :onclick "~/.config/eww/scripts/music/control.sh next"
:class "nextbutton"
:halign "center"
"怜"
)
)
)
)
)
(defwidget chart [label value icon icon-class]
(box :class "chart-container"
:orientation "v"
:space-evenly false
(box :class "header"
:space-evenly true
:orientation "v"
(label :text "${label}" :class "label" :halign "start")
)
(box :class "body"
:space-evenly true
:orientation "h"
(box :class "container"
:space-evenly true
:halign "center"
:hexpand true
:orientation "h"
(box :class "chart-container" :space-evenly false
(overlay
(circular-progress :value value
:thickness 50
:class "chart"
:start-at 75
(label :text "L")
)
(label :text "${icon}" :class "chart-icon ${icon-class}")
)
)
)
)
)
)
(defwidget charts []
(box :class "chartsbox"
:orientation "v"
:space-evenly false
:spacing 25
(box :class "firstrow"
:orientation "h"
:space-evenly true
:spacing 25
(chart :label "Cpu" :icon "" :icon-class "cpu" :value cpu)
(chart :label "Ram" :icon "" :icon-class "ram" :value ram)
)
(box :class "lastrow"
:orientation "h"
:space-evenly true
:spacing 25
(chart :label "Temp" :icon "" :icon-class "temp" :value temp)
(chart :label "Disk" :icon "" :icon-class "disk" :value disk)
)
)
)
(defwidget footer []
(box :class "footer"
:space-evenly true
:orientation "h"
:valign "end"
(box :class "protipbox"
:orientation "h"
:space-evenly false
:halign "center"
:spacing 15
(label :text "ﯦ " :class "icon")
(label :text "Press the menu icon again to close this popup." :class "placeholder")
)
)
)
(defwidget content []
(box :class "content-container"
:orientation "v"
:space-evenly false
(box :class "contentbox"
:orientation "h"
:space-evenly true
:spacing 25
:vexpand true
(box :class "firstcol"
:orientation "v"
:space-evenly false
:spacing 25
(usercard)
(quicksettings)
(sliders)
)
(box :class "lastcol"
:orientation "v"
:space-evenly false
:spacing 25
(music)
(charts)
)
)
(footer)
)
)
(defwidget dashboard []
(box :class "dashboardbox"
:orientation "v"
:space-evenly false
(header)
(content)
)
)
(defwindow dashboard
:monitor 0
:geometry (geometry :x "6px"
:y "-44px"
:width "10px" ; automatically adjusted by eww
:height "10px" ; automatically adjusted by eww
:anchor "bottom center")
:type "dock"
:wm-ignore false
(dashboard))