diff --git a/home/config/rofi/colors.rasi b/home/config/rofi/colors.rasi new file mode 100644 index 0000000..cb67265 --- /dev/null +++ b/home/config/rofi/colors.rasi @@ -0,0 +1,18 @@ +* { + border: 0; + margin: 0; + padding: 0; + spacing: 0; + + bg: #282a3680; + fg: #f8f8f2; + blue: #81a1c1; + green: #a3be8c; + grey: #ffffff10; + greydim: #aeaeae; + bluea: #81a1c150; + greena: #a3be8ca0; + + background-color: @bg; + text-color: @fg; +} \ No newline at end of file diff --git a/home/config/rofi/confirm.rasi b/home/config/rofi/confirm.rasi new file mode 100644 index 0000000..7bbf453 --- /dev/null +++ b/home/config/rofi/confirm.rasi @@ -0,0 +1,82 @@ + +configuration { + show-icons: false; +} + + +@import "./colors.rasi" + + + +window { + transparency: "real"; + width: 300px; + border-radius: 10px; + background-color: @bg; +} + + +mainbox { + padding: 24px; + background-color: transparent; + children: [ "inputbar", "listview" ]; +} + +inputbar { + spacing: 12; + background-color: transparent; + children: [ "textbox-prompt-colon", "prompt"]; +} + +textbox-prompt-colon { + expand: false; + str: ""; + font: "'Material Icons' 24px"; + padding: 12px 14px; + border-radius: 50%; + background-color: @blue; + text-color: @fg; + vertical-align: 0.5; +} +prompt { + padding: 12px 16px; + border-radius: 24px; + background-color: @blue; + text-color: @fg; + vertical-align: 0.5; +} + +listview { + columns: 6; + lines: 1; + scrollbar: false; + margin:16px 0 0 0; + spacing: 10px; + background-color: transparent; +} + + +element { + width: 128px; + padding: 24px 32px; + border-radius: 12px; + background-color: @bluea; + cursor: pointer; +} + +element-text { + font: "'Material Icons' 32px"; + vertical-align: 0.5; + horizontal-align: 0.5; + background-color: transparent; +} + + +element normal.active, +element alternate.active, +element selected.urgent { + background-color: @green; +} +element selected.normal { + background-color: @green; +} \ No newline at end of file diff --git a/home/config/rofi/custom.rasi b/home/config/rofi/custom.rasi deleted file mode 100644 index 1ede219..0000000 --- a/home/config/rofi/custom.rasi +++ /dev/null @@ -1,85 +0,0 @@ -* { - border: 0; - margin: 0; - padding: 0; - spacing: 0; - - bg: #282a3680; - fg: #f8f8f2; - blue: #81a1c1; - green: #a3be8c; - grey: #ffffff10; - bluea: #81a1c150; - greena: #a3be8c80; - - background-color: @bg; - text-color: @fg; -} - -window { - transparency: "real"; - border-radius: 6px; - background-color: @bg; -} - -mainbox { - padding: 24px; - children: [inputbar, listview]; -} - -inputbar { - background-color: @grey; - border-radius: 6px; - margin: 12px 0; - children: [prompt, entry]; -} - -entry { - background-color: transparent; - padding: 16px 4px; -} - -prompt { - padding: 16px; - background-color: transparent; -} - -listview { - lines: 8; - scrollbar: true; - background-color: transparent; -} - -scrollbar { - handle-width: 5px ; - handle-color: @blue; - background-color: @bg; -} - -element { - padding: 0 12px; - margin: 0 12px 0 0; - border-radius: 6px; - text-color: @blue; - background-color: transparent; - children: [element-icon, element-text]; -} - -element-icon { - size: 2ch; - padding: 12px 10px; - background-color: transparent; -} - -element-text { - padding: 12px 0; - text-color: inherit; - background-color: transparent; -} - -element selected { - background-color: @greena; -} -element-text selected { - text-color: #ffffff; -} diff --git a/home/config/rofi/launcher.rasi b/home/config/rofi/launcher.rasi index d917931..fd41bd7 100644 --- a/home/config/rofi/launcher.rasi +++ b/home/config/rofi/launcher.rasi @@ -26,7 +26,7 @@ configuration { display-name: "⚝"; } - drun-display-format: "{name}"; + drun-display-format: "{name}"; window-format: "{c} - {t}"; timeout { @@ -35,4 +35,75 @@ configuration { } } -@theme "./custom.rasi" +@theme "./colors.rasi" + + +window { + transparency: "real"; + width: 720px; + border-radius: 6px; + background-color: @bg; +} + +mainbox { + padding: 24px; + children: [inputbar, listview]; +} + +inputbar { + background-color: @grey; + border-radius: 6px; + margin: 12px 0; + children: [prompt, entry]; +} + +entry { + background-color: transparent; + padding: 16px 4px; +} + +prompt { + padding: 16px; + background-color: transparent; +} + +listview { + lines: 8; + scrollbar: true; + cycle: false; + background-color: transparent; +} + +scrollbar { + handle-width: 5px ; + handle-color: @blue; + background-color: @bg; +} + +element { + padding: 0 12px; + margin: 0 12px 0 0; + border-radius: 6px; + text-color: @blue; + background-color: transparent; + children: [element-icon, element-text]; +} + +element-icon { + size: 2ch; + padding: 12px 10px; + background-color: transparent; +} + +element-text { + padding: 12px 0; + text-color: inherit; + background-color: transparent; +} + +element selected { + background-color: @greena; +} +element-text selected { + text-color: #ffffff; +} \ No newline at end of file diff --git a/home/config/rofi/powermenu.rasi b/home/config/rofi/powermenu.rasi new file mode 100644 index 0000000..4c734af --- /dev/null +++ b/home/config/rofi/powermenu.rasi @@ -0,0 +1,94 @@ + + + +configuration { + show-icons: false; +} + +@import "./colors.rasi" + +window { + transparency: "real"; + width: 600px; + border-radius: 10px; + background-color: @bg; +} + + +mainbox { + padding: 24px; + children: [ "inputbar", "message", "listview" ]; +} + + +inputbar { + spacing: 12; + background-color: transparent; + children: [ "textbox-prompt-colon", "prompt"]; +} + +textbox-prompt-colon { + expand: false; + str: ""; + font: "'Material Icons' 24px"; + padding: 12px 14px; + border-radius: 50%; + background-color: @blue; + text-color: @fg; + vertical-align: 0.5; +} +prompt { + padding: 12px 16px; + border-radius: 24px; + background-color: @blue; + text-color: @fg; + vertical-align: 0.5; +} + + +message { + padding: 12px; + border-radius: 12px; + background-color: transparent; + text-color: @greydim; +} +textbox { + background-color: inherit; + text-color: inherit; + vertical-align: 0.5; +} + + +listview { + columns: 6; + lines: 1; + scrollbar: false; + spacing: 10px; + background-color: transparent; +} + + +element { + width: 128px; + padding: 24px 32px; + border-radius: 12px; + background-color: @bluea; + cursor: pointer; +} + +element-text { + font: "'Material Icons' 32px"; + vertical-align: 0.5; + horizontal-align: 0.5; + background-color: transparent; +} + + +element normal.active, +element alternate.active, +element selected.urgent { + background-color: @green; +} +element selected.normal { + background-color: @green; +} \ No newline at end of file