diff --git a/modules/wm/hyprland/config/eww/eww.scss b/modules/wm/hyprland/config/eww/eww.scss index 8fc9622..a36d952 100644 --- a/modules/wm/hyprland/config/eww/eww.scss +++ b/modules/wm/hyprland/config/eww/eww.scss @@ -1,23 +1,128 @@ -$bg-color: rgba(0, 0, 0, 0.8); -$text-color: rgba(255, 255, 255, 1); -$main-color: rgba(255, 0, 0, 1); -$accent-color: rgba(0, 255, 0, 1); - -$font-size: 20px; - * { - margin: 4px; - background: rgba(0, 0, 0, 0) + all: unset; + font-family: "JetBrains Mono"; +} +// WINDOW RELATED CSS +.bg { + background-color: #1E222A; + border: 2px solid #80A0C0; +} + +.notes { + padding: 10px 20px 10px 5px; } window { - background-color: $bg-color; - border-radius: 30px; - - font-size: $font-size; + background: #2e3440; + color: #ebcb8b; + //border-radius: 2rem; + border: 3px solid #80A0C0; } -.time { - border: 1px solid red; - border-radius: 15px; +// MISC EDITING +.uinfo { + font-size: 1.25rem; +} +.cpu { + padding: 19px; +} + +// METRIC LOOKS +.metric scale trough highlight { + all: unset; + color: #000000; + background: linear-gradient(90deg, #88c0d0 0%, #81a1c1 50%, #5E81ac 100%); + //border-radius: 10px; +} +.metric scale trough { + all: unset; + background-color: #545454; + //border-radius: 50px; + min-height: 10px; + min-width: 100px; + margin-left: 10px; + margin-right: 5px; +} + +.metric .label { + color: #B48EAD; + font-size: 1.5rem; +} + +// POWERMENU +.bigpowermenu { + font-size: 3rem; +} + +.quicksettings { + font-size: 1.75rem; +} + +// WIDGET MISC SETTINGS + +.quote-text { + padding: 15px; + font-size: 1rem; + font-style: italic; + font-weight: 600; + color: #BF616A; +} + +.appbar{ + font-size: 2rem; +} + +.cal { + color: #8fbcbb; + padding: 5px; + padding-bottom: 1px; +} + +.favs { + color: #ECEFF4; + font-size: 2rem; +} + +.small-date { + font-weight: 700; +} + +// Search App CSS +.searchapps-bar { + color: #88c0d0; + font-size: 1.5rem; + margin: -2px; + padding: 30px 90px 30px 90px; + background-color: #1E222A; + border: 6px solid #80A0C0; +} +.search-bar { + color: #88c0d0; +} +.search-label { + font-family: "Iosevka"; + font-size: 2rem; + font-weight: 700; + padding-right: 20px; +} +.app-container { + margin: -2px; + font-size: 1.25rem; + padding: 30px; + color: #88c0d0; +} +.item { + padding: 10px; + background: rgba(10,10,10,0.4); +} + +.label-control { + color: #81a1c1; + font-size: 1.5rem; + padding: 15px; +} + +.controls { + font-size: 2rem; + padding-bottom: 20px; } diff --git a/modules/wm/hyprland/config/eww/eww.yuck b/modules/wm/hyprland/config/eww/eww.yuck index bcad703..1d14c48 100644 --- a/modules/wm/hyprland/config/eww/eww.yuck +++ b/modules/wm/hyprland/config/eww/eww.yuck @@ -1,63 +1,2 @@ -(include "/home/horseman/.config/eww/vars.yuck") - -(defwindow main - :monitor 0 - :geometry (geometry - :x "0%" - :y "0%" - :width "50%" - ; :height "50%" - :anchor "center") - :stacking "fg" - :exclusive false - :focusable false - - (box :class "main-box" - :orientation "vertical" - (topbar) - (runner) - ) -) - -(defwidget runner [] - (box :class "runner" - :orientation "vertical" - (input :class "runner-input" - :value "baaa" - :onchange "eww toggle main" - ) - ) -) - -(defwidget topbar [] - (centerbox :class "topbar" - (label :text {time} :class "time") - (workspaces) - (utils) - ) -) - -(defwidget utils [] - (box :class "utils" - :space-evenly false - {battery} - (button :class "util-button" - :onclick "eww close main" - "×") - ) -) - -(defwidget workspaces [] - (box :class "workspaces" - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 1" { workspace == 1 ? "◆" : windows-1 }) - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 2" { workspace == 2 ? "◆" : windows-2 }) - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 3" { workspace == 3 ? "◆" : windows-3 }) - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 4" { workspace == 4 ? "◆" : windows-4 }) - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 5" { workspace == 5 ? "◆" : windows-5 }) - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 6" { workspace == 6 ? "◆" : windows-6 }) - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 7" { workspace == 7 ? "◆" : windows-7 }) - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 8" { workspace == 8 ? "◆" : windows-8 }) - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 9" { workspace == 9 ? "◆" : windows-9 }) - ;(button :class "workspace" :onclick "hyprctl dispatch workspace 10" { workspace == 10 ? "◆" : windows-10 }) - ) -) +;;;; Including Window script, which calls everyone else +(include "/home/horseman/.config/eww/eww_windows.yuck")