💄 style: Working on Awesome theme

.config/awesome/.luarc.json

@@ -1,5 +1,5 @@
 {
   "$schema": "https://raw.githubusercontent.com/LuaLS/vscode-lua/master/setting/schema.json",
   "diagnostics.globals": ["awesome", "client", "button", "dbus", "drawable", "drawin", "key", "keygrabber", "mousegrabber", "root", "selection", "tag", "window", "table.unpack", "unpack", "math.atan2", "jit", "pack", "mouse", "screen", "nlog", "log", "context"],
-  "workspace.library": ["/usr/share/awesome/lib/"]
+  "workspace.library": ["/usr/share/awesome/lib/", "/usr/share/lua/5.4/"]
 }

.config/awesome/themes/catppuccin-macchiato/assets/volume.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="240"
+   height="240"
+   viewBox="0 0 240 240"
+   id="svg4"
+   sodipodi:docname="volume-high.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1321"
+     inkscape:window-height="740"
+     id="namedview6"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     inkscape:zoom="0.98333333"
+     inkscape:cx="-267.45763"
+     inkscape:cy="120"
+     inkscape:window-x="45"
+     inkscape:window-y="28"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 142.22222,22.555558 v 22.88889 c 32.11111,9.55555 55.55556,39.33333 55.55556,74.555552 0,35.22222 -23.44445,64.88888 -55.55556,74.44444 v 23 C 186.66667,207.33333 220,167.55555 220,120 220,72.444448 186.66667,32.666668 142.22222,22.555558 M 170,120 C 170,100.33333 158.88889,83.444448 142.22222,75.222228 V 164.44444 C 158.88889,156.55555 170,139.55555 170,120 M 20,86.666668 V 153.33333 H 64.444444 L 120,208.88888 V 31.111118 l -55.555556,55.55555 z"
+     id="path2"
+     inkscape:connector-curvature="0"
+     style="fill:#ffffff;stroke-width:11.11111164" />
+</svg>

.config/awesome/themes/catppuccin-macchiato/theme.lua

@@ -0,0 +1,161 @@
+local palette = require("catppuccin.mocha")
+local filesystem = require("gears.filesystem")
+local dpi = require("beautiful.xresources").apply_dpi
+local theme_assets = require("beautiful.theme_assets")
+local helpers = require("helpers")
+
+local theme_path = filesystem.get_configuration_dir() .. "themes/catppuccin-macchiato"
+
+local theme = {}
+
+-- Transparent Color
+theme.transparent = "#00000000"
+
+-- Font
+theme.font_name = "FiraCode Nerd Font "
+theme.font = theme.font_name .. "10"
+
+-- Assets
+theme.music = theme_path .. "assets/music.png"
+theme.volume_on = theme_path .. "assets/volume-on.png"
+theme.volume_off = theme_path .. "assets/volume-off.png"
+theme.pfp = theme_path .. "assets/pfp.jpg"
+
+-- Theme --
+theme.titlebar_bg_focus = palette.base.hex
+theme.titlebar_bg = palette.base.hex
+theme.bg_normal = palette.base.hex
+theme.bg_focus = palette.surface0.hex
+theme.bg_urgent = palette.red.hex
+theme.bg_minimize = "#444"
+theme.bg_systray = theme.bg_normal
+
+theme.fg_normal = palette.text.hex
+theme.fg_focus = palette.pink.hex
+theme.fg_urgent = "#fff"
+theme.fg_minimize = "#fff"
+
+theme.useless_gap = dpi(10)
+theme.border_width = dpi(3)
+theme.border_normal = palette.surface0.hex
+theme.border_focus = palette.pink.hex
+theme.border_marked = palette.red.hex
+
+theme.menu_font = theme.font_name .. "12"
+theme.menu_bg_focus = palette.base.hex
+theme.menu_fg_focus = palette.blue.hex
+theme.menu_border_width = dpi(2)
+theme.submenu = "»  "
+theme.menu_height = dpi(37)
+theme.menu_width = dpi(194)
+
+theme.tasklist_bg_focus = palette.base.hex
+theme.tasklist_fg_focus = palette.lavender.hex
+theme.tasklist_disable_icon = true
+theme.tasklist_font = theme.font_name .. "11"
+
+theme.taglist_spacing = dpi(2)
+theme.taglist_bg_focus = palette.base.hex
+theme.taglist_disable_icon = true
+theme.taglist_font = theme.font_name .. "11"
+theme.taglist_fg_focus = palette.blue.hex
+theme.taglist_fg_empty = palette.surface2.hex
+theme.taglist_fg_occupied = "#526c96"
+
+-- Generate taglist squares.
+local taglist_square_size = dpi(0)
+theme.taglist_squares_sel = theme_assets.taglist_squares_sel(taglist_square_size, palette.blue.hex)
+theme.taglist_squares_unsel = theme_assets.taglist_squares_unsel(taglist_square_size, theme.taglist_fg_occupied)
+
+-- Edge snap.
+theme.snap_bg = palette.pink.hex
+theme.snap_border_width = dpi(5)
+theme.snap_shape = helpers.ui.rrect(0)
+
+-- Hotkey popup.
+theme.hotkeys_shape = helpers.ui.rrect(12)
+theme.hotkeys_border_color = palette.pink.hex
+theme.hotkeys_modifiers_fg = palette.overlay2.hex
+theme.hotkeys_font = theme.font_name .. "9"
+theme.hotkeys_description_font = theme.hotkeys_font
+
+-- Layout list.
+theme.layoutlist_shape_selected = helpers.ui.rrect(7)
+
+-- Tabs.
+theme.mstab_bar_height = 1
+theme.mstab_dont_resize_slaves = true
+theme.mstab_bar_padding = dpi(10)
+theme.mstab_border_radius = dpi(6)
+theme.mstab_bar_ontop = false
+theme.mstab_tabbar_position = "top"
+theme.mstab_tabbar_style = "default"
+theme.mstab_bar_disable = true
+
+-- Layout machi.
+theme.machi_switcher_border_color = palette.surface0.hex
+theme.machi_switcher_border_opacity = 0.4
+theme.machi_editor_border_color = palette.surface1.hex
+theme.machi_editor_border_opacity = 0.4
+theme.machi_editor_active_opacity = 0.4
+
+-- Bling.
+theme.tag_preview_widget_border_radius = dpi(6)
+theme.tag_preview_client_border_radius = dpi(6)
+theme.tag_preview_client_opacity = 1
+theme.tag_preview_client_bg = palette.base.hex
+theme.tag_preview_client_border_color = palette.surface0.hex
+theme.tag_preview_client_border_width = dpi(2)
+theme.tag_preview_widget_border_color = palette.pink.hex
+theme.tag_preview_widget_border_width = dpi(2)
+theme.tag_preview_widget_margin = 4
+
+-- Notifications.
+theme.notification_spacing = dpi(4)
+theme.notification_bg = palette.base.hex
+
+-- Titlebar images.
+theme.titlebar_close_button_normal = theme_path .. "titlebar/unfocus.svg"
+theme.titlebar_close_button_focus = theme_path .. "titlebar/close.svg"
+theme.titlebar_close_button_normal_hover = theme_path .. "titlebar/close_hover.svg"
+theme.titlebar_close_button_focus_hover = theme_path .. "titlebar/close_hover.svg"
+
+theme.titlebar_minimize_button_normal = theme_path .. "titlebar/unfocus.svg"
+theme.titlebar_minimize_button_focus = theme_path .. "titlebar/minimize.svg"
+theme.titlebar_minimize_button_normal_hover = theme_path .. "titlebar/minimize_hover.svg"
+theme.titlebar_minimize_button_focus_hover = theme_path .. "titlebar/minimize_hover.svg"
+
+theme.titlebar_ontop_button_normal_inactive = theme_path .. "titlebar/unfocus.svg"
+theme.titlebar_ontop_button_focus_inactive = theme_path .. "titlebar/ontop.svg"
+
+theme.titlebar_ontop_button_normal_active = theme_path .. "titlebar/unfocus.svg"
+theme.titlebar_ontop_button_focus_active = theme_path .. "titlebar/ontop.svg"
+
+theme.titlebar_maximized_button_normal_active = theme_path .. "titlebar/unfocus.svg"
+theme.titlebar_maximized_button_focus_active = theme_path .. "titlebar/maximize.svg"
+theme.titlebar_maximized_button_normal_active_hover = theme_path .. "titlebar/maximize_hover.svg"
+theme.titlebar_maximized_button_focus_active_hover = theme_path .. "titlebar/maximize_hover.svg"
+
+theme.titlebar_maximized_button_normal_inactive = theme_path .. "titlebar/unfocus.svg"
+theme.titlebar_maximized_button_focus_inactive = theme_path .. "titlebar/maximize.svg"
+theme.titlebar_maximized_button_normal_inactive_hover = theme_path .. "titlebar/maximize_hover.svg"
+theme.titlebar_maximized_button_focus_inactive_hover = theme_path .. "titlebar/maximize_hover.svg"
+
+theme.wallpaper = theme_path .. "buttons.png"
+
+theme.layout_floating = theme_path .. "layouts/floating.png"
+theme.layout_max = theme_path .. "layouts/max.png"
+theme.layout_tile = theme_path .. "layouts/tile.png"
+theme.layout_dwindle = theme_path .. "layouts/dwindle.png"
+theme.layout_centered = theme_path .. "layouts/centered.png"
+theme.layout_mstab = theme_path .. "layouts/mstab.png"
+theme.layout_equalarea = theme_path .. "layouts/equalarea.png"
+theme.layout_machi = theme_path .. "layouts/machi.png"
+
+-- Generate Awesome icon.
+theme.awesome_icon = theme_assets.awesome_icon(theme.menu_height, theme.bg_focus, theme.fg_focus)
+
+-- Define the icon theme for application icons.
+theme.icon_theme = "Papirus"
+
+return theme

.config/awesome/themes/catppuccin-macchiato/titlebar/close.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0,0,256,256"><g fill="#f38ba8" fill-rule="evenodd" stroke="none" stroke-width="0.26458" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="translate(0.0001,0.00009)"><g><g transform="translate(0,0.00001) scale(30.23622,30.23622)"><g id="layer1"><circle cx="4.23333" cy="4.23333" r="4.23333" id="mdi-close-normal"></circle></g></g></g></g></g></svg>

.config/awesome/themes/catppuccin-macchiato/titlebar/close_hover.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0,0,256,256"><g fill="#f24f86" fill-rule="evenodd" stroke="none" stroke-width="0.26458" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="translate(0,0) scale(30.23622,30.23622)"><g id="layer1"><path d="M4.23333,0c-1.12275,0 -2.19951,0.44601 -2.99342,1.23991c-0.7939,0.7939 -1.23991,1.87067 -1.23991,2.99342c0,1.12275 0.44601,2.19951 1.23991,2.99342c0.7939,0.7939 1.87067,1.23991 2.99342,1.23991c1.12275,0 2.19951,-0.44601 2.99342,-1.23991c0.7939,-0.7939 1.23991,-1.87067 1.23991,-2.99342c0,-1.12275 -0.44601,-2.19951 -1.23991,-2.99342c-0.7939,-0.7939 -1.87067,-1.23991 -2.99342,-1.23991zM2.92334,2.36471c0.13935,0.00056 0.27812,0.05454 0.38447,0.16175l0.92863,0.93586l0.93586,-0.92811c0.21441,-0.2127 0.55831,-0.2113 0.77101,0.0031c0.2127,0.21441 0.2113,0.55831 -0.0031,0.77101l-0.93586,0.92811l0.92811,0.93586c0.2127,0.21441 0.21182,0.55831 -0.00258,0.77101c-0.21441,0.2127 -0.55831,0.2113 -0.77101,-0.0031l-0.92863,-0.93586l-0.93586,0.92863c-0.21441,0.2127 -0.55831,0.2113 -0.77101,-0.0031c-0.2127,-0.21441 -0.2113,-0.55831 0.0031,-0.77101l0.93586,-0.92863l-0.92811,-0.93586c-0.2127,-0.21441 -0.21182,-0.55831 0.00258,-0.77101c0.1072,-0.10635 0.24719,-0.1592 0.38654,-0.15865z" id="mdi-close-normal"></path></g></g></g></svg>

.config/awesome/themes/catppuccin-macchiato/titlebar/maximize.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0,0,256,256"><g fill="#a6e3a1" fill-rule="evenodd" stroke="none" stroke-width="0.26458" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="translate(0.0001,0.00009)"><g><g transform="translate(0,0.00001) scale(30.23622,30.23622)"><g id="layer1"><circle cx="4.23333" cy="4.23333" r="4.23333" id="mdi-close-normal"></circle></g></g></g></g></g></svg>

.config/awesome/themes/catppuccin-macchiato/titlebar/maximize_hover.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 8.4666665 8.4666666" version="1.1" id="svg4249" inkscape:export-filename="../../png/maximize/maximize_3.png" inkscape:export-xdpi="96" inkscape:export-ydpi="96" inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" sodipodi:docname="maximize_3.svg" fill="#52e0ad">
+  <sodipodi:namedview id="namedview4251" pagecolor="#505050" bordercolor="#ffffff" borderopacity="1" inkscape:showpageshadow="0" inkscape:pageopacity="0" inkscape:pagecheckerboard="1" inkscape:deskcolor="#505050" inkscape:document-units="mm" showgrid="false" inkscape:zoom="5.6568543" inkscape:cx="27.577164" inkscape:cy="18.384776" inkscape:window-width="1260" inkscape:window-height="724" inkscape:window-x="10" inkscape:window-y="66" inkscape:window-maximized="1" inkscape:current-layer="layer1"/>
+  <defs id="defs4246"/>
+  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
+    <path id="mdi-close-normal" style="fill: #52e0ad;fill-rule:evenodd;stroke-width:0.264583;paint-order:normal;fill-opacity:1" d="M 4.2333333 0 A 4.2333331 4.2333331 0 0 0 0 4.2333333 A 4.2333331 4.2333331 0 0 0 4.2333333 8.4666667 A 4.2333331 4.2333331 0 0 0 8.4666667 4.2333333 A 4.2333331 4.2333331 0 0 0 4.2333333 0 z M 3.0907674 2.0789429 L 5.7303996 2.0789429 C 6.0818693 2.0789429 6.369637 2.3661641 6.369637 2.7176636 L 6.369637 5.3572957 L 3.0907674 2.0789429 z M 2.0970296 3.0990356 L 5.3862345 6.3877238 L 2.7362671 6.3877238 C 2.3847577 6.3877238 2.0970296 6.1005024 2.0970296 5.7490031 L 2.0970296 3.0990356 z "/>
+    <path style="fill: #52e0ad;fill-opacity:1;stroke-width:0.264583" d="M 10.768947,5.8246909 10.743132,3.2134246" id="path7007"/>
+  </g>
+</svg>

.config/awesome/themes/catppuccin-macchiato/titlebar/minimize.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0,0,256,256"><g fill="#f9e2af" fill-rule="evenodd" stroke="none" stroke-width="0.26458" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="translate(0.0001,0.00009)"><g><g transform="translate(0,0.00001) scale(30.23622,30.23622)"><g id="layer1"><circle cx="4.23333" cy="4.23333" r="4.23333" id="mdi-close-normal"></circle></g></g></g></g></g></svg>

.config/awesome/themes/catppuccin-macchiato/titlebar/minimize_hover.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 8.4666665 8.4666666" version="1.1" id="svg4249" inkscape:export-filename="../../png/minimize/minimize_3.png" inkscape:export-xdpi="96" inkscape:export-ydpi="96" inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" sodipodi:docname="minimize_3.svg" fill="#f0fc52">
+  <sodipodi:namedview id="namedview4251" pagecolor="#505050" bordercolor="#ffffff" borderopacity="1" inkscape:showpageshadow="0" inkscape:pageopacity="0" inkscape:pagecheckerboard="1" inkscape:deskcolor="#505050" inkscape:document-units="mm" showgrid="false" inkscape:zoom="5.6568543" inkscape:cx="31.643028" inkscape:cy="18.384776" inkscape:window-width="1260" inkscape:window-height="724" inkscape:window-x="10" inkscape:window-y="66" inkscape:window-maximized="1" inkscape:current-layer="layer1"/>
+  <defs id="defs4246"/>
+  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
+    <path id="mdi-close-normal" style="fill: #f0fc52;fill-rule:evenodd;stroke-width:0.264583;paint-order:normal;fill-opacity:1" d="M 4.2333333 0 A 4.2333331 4.2333331 0 0 0 0 4.2333333 A 4.2333331 4.2333331 0 0 0 4.2333333 8.4666667 A 4.2333331 4.2333331 0 0 0 8.4666667 4.2333333 A 4.2333331 4.2333331 0 0 0 4.2333333 0 z M 1.6810343 3.8137207 L 6.7856323 3.8137207 C 6.98317 3.8137207 7.1447835 3.9997533 7.1447835 4.2276489 L 7.1447835 4.2390177 C 7.1447835 4.4669017 6.98317 4.652946 6.7856323 4.652946 L 1.6810343 4.652946 C 1.4834557 4.652946 1.3218831 4.4669017 1.3218831 4.2390177 L 1.3218831 4.2276489 C 1.3218831 3.9997533 1.4834557 3.8137207 1.6810343 3.8137207 z "/>
+    <path style="fill: #f0fc52;fill-opacity:1;stroke-width:0.264583" d="M 10.768947,5.8246909 10.743132,3.2134246" id="path7007"/>
+  </g>
+</svg>

.config/awesome/themes/catppuccin-macchiato/titlebar/ontop.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0,0,256,256"><g fill="#6394ed" fill-rule="evenodd" stroke="none" stroke-width="0.26458" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="translate(0,0.00001) scale(30.23622,30.23622)"><g id="layer1"><circle cx="4.23333" cy="4.23333" r="4.23333" id="mdi-close-normal"></circle></g></g></g></svg>

.config/awesome/themes/catppuccin-macchiato/titlebar/unfocus.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0,0,256,256"><g fill="#404358" fill-rule="evenodd" stroke="none" stroke-width="0.26458" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="translate(0,0.00001) scale(30.23622,30.23622)"><g id="layer1"><circle cx="4.23333" cy="4.23333" r="4.23333" id="mdi-close-normal"></circle></g></g></g></svg>