diff --git a/wofi/.config/wofi/.editorconfig b/wofi/.config/wofi/.editorconfig new file mode 100644 index 0000000..d86ac02 --- /dev/null +++ b/wofi/.config/wofi/.editorconfig @@ -0,0 +1,34 @@ +# EditorConfig helps developers define and maintain consistent +# coding styles between different editors and IDEs +# EditorConfig is awesome: https://EditorConfig.org + +root = true + +[*] +charset = utf-8 +indent_size = 2 +indent_style = space +end_of_line = lf +insert_final_newline = true +trim_trailing_whitespace = true + +# go +[*.go] +indent_style = tab +indent_size = 4 + +# python +[*.{ini,py,py.tpl,rst}] +indent_size = 4 + +# rust +[*.rs] +indent_size = 4 + +# documentation, utils +[*.{md,mdx,diff}] +trim_trailing_whitespace = false + +# windows shell scripts +[*.{cmd,bat,ps1}] +end_of_line = crlf diff --git a/wofi/.config/wofi/LICENSE b/wofi/.config/wofi/LICENSE new file mode 100644 index 0000000..006383b --- /dev/null +++ b/wofi/.config/wofi/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2021 Catppuccin + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/wofi/.config/wofi/README.md b/wofi/.config/wofi/README.md new file mode 100644 index 0000000..f6786d8 --- /dev/null +++ b/wofi/.config/wofi/README.md @@ -0,0 +1,87 @@ +

+ Logo
+ + Catppuccin for Wofi + +

+ +

+ + + +

+ +

+ +

+ +## Previews + +
+🌻 Latte + +
+
+🪴 Frappé + +
+
+🌺 Macchiato + +
+
+🌿 Mocha + +
+ +## Usage + +1. Clone this repository locally to your desired location. Typically something like `~/.config/` +2. Launch Wofi with your desired flavor (e.g. `latte`, `frappe`, `macchiato` or `mocha`). + +```bash +wofi --conf /config --style //style.css + +``` + +I'm personally using a bash script: + +```bash +#!/usr/bin/env bash + +CONFIG="$HOME/.config/hypr/wofi/config/config" +STYLE="$HOME/.config/hypr/wofi/src/mocha/style.css" + +if [[ ! $(pidof wofi) ]]; then + wofi --conf "${CONFIG}" --style "${STYLE}" +else + pkill wofi +fi +``` + +- Q: **_"Which flavor of CSS is supported."_**\ + A: [GTK CSS](https://docs.gtk.org/gtk3/). Note that hsl-colors are not supported. + +- Q: **_"Where can I find CSS targets for theme customization."_**\ + A: On the [Wofi page](https://hg.sr.ht/~scoopta/wofi) and on the [man page](https://man.archlinux.org/man/wofi.7.en). + +- Q: **_"My CSS imports are not working."_**\ + A: Please read the [Wofi configuration](https://man.archlinux.org/man/wofi.5.en#CONFIG_OPTIONS) options. Especially in regards to `style` and `stylesheet`. We avoid import statements for simplicity. + +## 💝 Thanks to + +- [quantumfate](https://github.com/quantumfate) + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ +

+ +

diff --git a/wofi/.config/wofi/assets/frappe.webp b/wofi/.config/wofi/assets/frappe.webp new file mode 100644 index 0000000..9de6678 Binary files /dev/null and b/wofi/.config/wofi/assets/frappe.webp differ diff --git a/wofi/.config/wofi/assets/latte.webp b/wofi/.config/wofi/assets/latte.webp new file mode 100644 index 0000000..50990c6 Binary files /dev/null and b/wofi/.config/wofi/assets/latte.webp differ diff --git a/wofi/.config/wofi/assets/macchiato.webp b/wofi/.config/wofi/assets/macchiato.webp new file mode 100644 index 0000000..279c04d Binary files /dev/null and b/wofi/.config/wofi/assets/macchiato.webp differ diff --git a/wofi/.config/wofi/assets/mocha.webp b/wofi/.config/wofi/assets/mocha.webp new file mode 100644 index 0000000..482b71f Binary files /dev/null and b/wofi/.config/wofi/assets/mocha.webp differ diff --git a/wofi/.config/wofi/assets/preview.webp b/wofi/.config/wofi/assets/preview.webp new file mode 100644 index 0000000..ef75cd7 Binary files /dev/null and b/wofi/.config/wofi/assets/preview.webp differ diff --git a/wofi/.config/wofi/colors.css b/wofi/.config/wofi/colors.css new file mode 100644 index 0000000..0e914e2 --- /dev/null +++ b/wofi/.config/wofi/colors.css @@ -0,0 +1,314 @@ +:root { + --ctp-latte-rosewater: #dc8a78; + --ctp-latte-rosewater-rgb: rgb(220, 138, 120); + --ctp-latte-rosewater-hsl: hsl(11, 59%, 67%); + --ctp-frappe-rosewater: #f2d5cf; + --ctp-frappe-rosewater-rgb: rgb(242, 213, 207); + --ctp-frappe-rosewater-hsl: hsl(10, 57%, 88%); + --ctp-macchiato-rosewater: #f4dbd6; + --ctp-macchiato-rosewater-rgb: rgb(244, 219, 214); + --ctp-macchiato-rosewater-hsl: hsl(10, 58%, 90%); + --ctp-mocha-rosewater: #f5e0dc; + --ctp-mocha-rosewater-rgb: rgb(245, 224, 220); + --ctp-mocha-rosewater-hsl: hsl(10, 56%, 91%); + --ctp-latte-flamingo: #dd7878; + --ctp-latte-flamingo-rgb: rgb(221, 120, 120); + --ctp-latte-flamingo-hsl: hsl(0, 60%, 67%); + --ctp-frappe-flamingo: #eebebe; + --ctp-frappe-flamingo-rgb: rgb(238, 190, 190); + --ctp-frappe-flamingo-hsl: hsl(0, 59%, 84%); + --ctp-macchiato-flamingo: #f0c6c6; + --ctp-macchiato-flamingo-rgb: rgb(240, 198, 198); + --ctp-macchiato-flamingo-hsl: hsl(0, 58%, 86%); + --ctp-mocha-flamingo: #f2cdcd; + --ctp-mocha-flamingo-rgb: rgb(242, 205, 205); + --ctp-mocha-flamingo-hsl: hsl(0, 59%, 88%); + --ctp-latte-pink: #ea76cb; + --ctp-latte-pink-rgb: rgb(234, 118, 203); + --ctp-latte-pink-hsl: hsl(316, 73%, 69%); + --ctp-frappe-pink: #f4b8e4; + --ctp-frappe-pink-rgb: rgb(244, 184, 228); + --ctp-frappe-pink-hsl: hsl(316, 73%, 84%); + --ctp-macchiato-pink: #f5bde6; + --ctp-macchiato-pink-rgb: rgb(245, 189, 230); + --ctp-macchiato-pink-hsl: hsl(316, 74%, 85%); + --ctp-mocha-pink: #f5c2e7; + --ctp-mocha-pink-rgb: rgb(245, 194, 231); + --ctp-mocha-pink-hsl: hsl(316, 72%, 86%); + --ctp-latte-mauve: #8839ef; + --ctp-latte-mauve-rgb: rgb(136, 57, 239); + --ctp-latte-mauve-hsl: hsl(266, 85%, 58%); + --ctp-frappe-mauve: #ca9ee6; + --ctp-frappe-mauve-rgb: rgb(202, 158, 230); + --ctp-frappe-mauve-hsl: hsl(277, 59%, 76%); + --ctp-macchiato-mauve: #c6a0f6; + --ctp-macchiato-mauve-rgb: rgb(198, 160, 246); + --ctp-macchiato-mauve-hsl: hsl(267, 83%, 80%); + --ctp-mocha-mauve: #cba6f7; + --ctp-mocha-mauve-rgb: rgb(203, 166, 247); + --ctp-mocha-mauve-hsl: hsl(267, 84%, 81%); + --ctp-latte-red: #d20f39; + --ctp-latte-red-rgb: rgb(210, 15, 57); + --ctp-latte-red-hsl: hsl(347, 87%, 44%); + --ctp-frappe-red: #e78284; + --ctp-frappe-red-rgb: rgb(231, 130, 132); + --ctp-frappe-red-hsl: hsl(359, 68%, 71%); + --ctp-macchiato-red: #ed8796; + --ctp-macchiato-red-rgb: rgb(237, 135, 150); + --ctp-macchiato-red-hsl: hsl(351, 74%, 73%); + --ctp-mocha-red: #f38ba8; + --ctp-mocha-red-rgb: rgb(243, 139, 168); + --ctp-mocha-red-hsl: hsl(343, 81%, 75%); + --ctp-latte-maroon: #e64553; + --ctp-latte-maroon-rgb: rgb(230, 69, 83); + --ctp-latte-maroon-hsl: hsl(355, 76%, 59%); + --ctp-frappe-maroon: #ea999c; + --ctp-frappe-maroon-rgb: rgb(234, 153, 156); + --ctp-frappe-maroon-hsl: hsl(358, 66%, 76%); + --ctp-macchiato-maroon: #ee99a0; + --ctp-macchiato-maroon-rgb: rgb(238, 153, 160); + --ctp-macchiato-maroon-hsl: hsl(355, 71%, 77%); + --ctp-mocha-maroon: #eba0ac; + --ctp-mocha-maroon-rgb: rgb(235, 160, 172); + --ctp-mocha-maroon-hsl: hsl(350, 65%, 77%); + --ctp-latte-peach: #fe640b; + --ctp-latte-peach-rgb: rgb(254, 100, 11); + --ctp-latte-peach-hsl: hsl(22, 99%, 52%); + --ctp-frappe-peach: #ef9f76; + --ctp-frappe-peach-rgb: rgb(239, 159, 118); + --ctp-frappe-peach-hsl: hsl(20, 79%, 70%); + --ctp-macchiato-peach: #f5a97f; + --ctp-macchiato-peach-rgb: rgb(245, 169, 127); + --ctp-macchiato-peach-hsl: hsl(21, 86%, 73%); + --ctp-mocha-peach: #fab387; + --ctp-mocha-peach-rgb: rgb(250, 179, 135); + --ctp-mocha-peach-hsl: hsl(23, 92%, 75%); + --ctp-latte-yellow: #df8e1d; + --ctp-latte-yellow-rgb: rgb(223, 142, 29); + --ctp-latte-yellow-hsl: hsl(35, 77%, 49%); + --ctp-frappe-yellow: #e5c890; + --ctp-frappe-yellow-rgb: rgb(229, 200, 144); + --ctp-frappe-yellow-hsl: hsl(40, 62%, 73%); + --ctp-macchiato-yellow: #eed49f; + --ctp-macchiato-yellow-rgb: rgb(238, 212, 159); + --ctp-macchiato-yellow-hsl: hsl(40, 70%, 78%); + --ctp-mocha-yellow: #f9e2af; + --ctp-mocha-yellow-rgb: rgb(249, 226, 175); + --ctp-mocha-yellow-hsl: hsl(41, 86%, 83%); + --ctp-latte-green: #40a02b; + --ctp-latte-green-rgb: rgb(64, 160, 43); + --ctp-latte-green-hsl: hsl(109, 58%, 40%); + --ctp-frappe-green: #a6d189; + --ctp-frappe-green-rgb: rgb(166, 209, 137); + --ctp-frappe-green-hsl: hsl(96, 44%, 68%); + --ctp-macchiato-green: #a6da95; + --ctp-macchiato-green-rgb: rgb(166, 218, 149); + --ctp-macchiato-green-hsl: hsl(105, 48%, 72%); + --ctp-mocha-green: #a6e3a1; + --ctp-mocha-green-rgb: rgb(166, 227, 161); + --ctp-mocha-green-hsl: hsl(115, 54%, 76%); + --ctp-latte-teal: #179299; + --ctp-latte-teal-rgb: rgb(23, 146, 153); + --ctp-latte-teal-hsl: hsl(183, 74%, 35%); + --ctp-frappe-teal: #81c8be; + --ctp-frappe-teal-rgb: rgb(129, 200, 190); + --ctp-frappe-teal-hsl: hsl(172, 39%, 65%); + --ctp-macchiato-teal: #8bd5ca; + --ctp-macchiato-teal-rgb: rgb(139, 213, 202); + --ctp-macchiato-teal-hsl: hsl(171, 47%, 69%); + --ctp-mocha-teal: #94e2d5; + --ctp-mocha-teal-rgb: rgb(148, 226, 213); + --ctp-mocha-teal-hsl: hsl(170, 57%, 73%); + --ctp-latte-sky: #04a5e5; + --ctp-latte-sky-rgb: rgb(4, 165, 229); + --ctp-latte-sky-hsl: hsl(197, 97%, 46%); + --ctp-frappe-sky: #99d1db; + --ctp-frappe-sky-rgb: rgb(153, 209, 219); + --ctp-frappe-sky-hsl: hsl(189, 48%, 73%); + --ctp-macchiato-sky: #91d7e3; + --ctp-macchiato-sky-rgb: rgb(145, 215, 227); + --ctp-macchiato-sky-hsl: hsl(189, 59%, 73%); + --ctp-mocha-sky: #89dceb; + --ctp-mocha-sky-rgb: rgb(137, 220, 235); + --ctp-mocha-sky-hsl: hsl(189, 71%, 73%); + --ctp-latte-sapphire: #209fb5; + --ctp-latte-sapphire-rgb: rgb(32, 159, 181); + --ctp-latte-sapphire-hsl: hsl(189, 70%, 42%); + --ctp-frappe-sapphire: #85c1dc; + --ctp-frappe-sapphire-rgb: rgb(133, 193, 220); + --ctp-frappe-sapphire-hsl: hsl(199, 55%, 69%); + --ctp-macchiato-sapphire: #7dc4e4; + --ctp-macchiato-sapphire-rgb: rgb(125, 196, 228); + --ctp-macchiato-sapphire-hsl: hsl(199, 66%, 69%); + --ctp-mocha-sapphire: #74c7ec; + --ctp-mocha-sapphire-rgb: rgb(116, 199, 236); + --ctp-mocha-sapphire-hsl: hsl(199, 76%, 69%); + --ctp-latte-blue: #1e66f5; + --ctp-latte-blue-rgb: rgb(30, 102, 245); + --ctp-latte-blue-hsl: hsl(220, 91%, 54%); + --ctp-frappe-blue: #8caaee; + --ctp-frappe-blue-rgb: rgb(140, 170, 238); + --ctp-frappe-blue-hsl: hsl(222, 74%, 74%); + --ctp-macchiato-blue: #8aadf4; + --ctp-macchiato-blue-rgb: rgb(138, 173, 244); + --ctp-macchiato-blue-hsl: hsl(220, 83%, 75%); + --ctp-mocha-blue: #89b4fa; + --ctp-mocha-blue-rgb: rgb(137, 180, 250); + --ctp-mocha-blue-hsl: hsl(217, 92%, 76%); + --ctp-latte-lavender: #7287fd; + --ctp-latte-lavender-rgb: rgb(114, 135, 253); + --ctp-latte-lavender-hsl: hsl(231, 97%, 72%); + --ctp-frappe-lavender: #babbf1; + --ctp-frappe-lavender-rgb: rgb(186, 187, 241); + --ctp-frappe-lavender-hsl: hsl(239, 66%, 84%); + --ctp-macchiato-lavender: #b7bdf8; + --ctp-macchiato-lavender-rgb: rgb(183, 189, 248); + --ctp-macchiato-lavender-hsl: hsl(234, 82%, 85%); + --ctp-mocha-lavender: #b4befe; + --ctp-mocha-lavender-rgb: rgb(180, 190, 254); + --ctp-mocha-lavender-hsl: hsl(232, 97%, 85%); + --ctp-latte-text: #4c4f69; + --ctp-latte-text-rgb: rgb(76, 79, 105); + --ctp-latte-text-hsl: hsl(234, 16%, 35%); + --ctp-frappe-text: #c6d0f5; + --ctp-frappe-text-rgb: rgb(198, 208, 245); + --ctp-frappe-text-hsl: hsl(227, 70%, 87%); + --ctp-macchiato-text: #cad3f5; + --ctp-macchiato-text-rgb: rgb(202, 211, 245); + --ctp-macchiato-text-hsl: hsl(227, 68%, 88%); + --ctp-mocha-text: #cdd6f4; + --ctp-mocha-text-rgb: rgb(205, 214, 244); + --ctp-mocha-text-hsl: hsl(226, 64%, 88%); + --ctp-latte-subtext1: #5c5f77; + --ctp-latte-subtext1-rgb: rgb(92, 95, 119); + --ctp-latte-subtext1-hsl: hsl(233, 13%, 41%); + --ctp-frappe-subtext1: #b5bfe2; + --ctp-frappe-subtext1-rgb: rgb(181, 191, 226); + --ctp-frappe-subtext1-hsl: hsl(227, 44%, 80%); + --ctp-macchiato-subtext1: #b8c0e0; + --ctp-macchiato-subtext1-rgb: rgb(184, 192, 224); + --ctp-macchiato-subtext1-hsl: hsl(228, 39%, 80%); + --ctp-mocha-subtext1: #bac2de; + --ctp-mocha-subtext1-rgb: rgb(186, 194, 222); + --ctp-mocha-subtext1-hsl: hsl(227, 35%, 80%); + --ctp-latte-subtext0: #6c6f85; + --ctp-latte-subtext0-rgb: rgb(108, 111, 133); + --ctp-latte-subtext0-hsl: hsl(233, 10%, 47%); + --ctp-frappe-subtext0: #a5adce; + --ctp-frappe-subtext0-rgb: rgb(165, 173, 206); + --ctp-frappe-subtext0-hsl: hsl(228, 29%, 73%); + --ctp-macchiato-subtext0: #a5adcb; + --ctp-macchiato-subtext0-rgb: rgb(165, 173, 203); + --ctp-macchiato-subtext0-hsl: hsl(227, 27%, 72%); + --ctp-mocha-subtext0: #a6adc8; + --ctp-mocha-subtext0-rgb: rgb(166, 173, 200); + --ctp-mocha-subtext0-hsl: hsl(228, 24%, 72%); + --ctp-latte-overlay2: #7c7f93; + --ctp-latte-overlay2-rgb: rgb(124, 127, 147); + --ctp-latte-overlay2-hsl: hsl(232, 10%, 53%); + --ctp-frappe-overlay2: #949cbb; + --ctp-frappe-overlay2-rgb: rgb(148, 156, 187); + --ctp-frappe-overlay2-hsl: hsl(228, 22%, 66%); + --ctp-macchiato-overlay2: #939ab7; + --ctp-macchiato-overlay2-rgb: rgb(147, 154, 183); + --ctp-macchiato-overlay2-hsl: hsl(228, 20%, 65%); + --ctp-mocha-overlay2: #9399b2; + --ctp-mocha-overlay2-rgb: rgb(147, 153, 178); + --ctp-mocha-overlay2-hsl: hsl(228, 17%, 64%); + --ctp-latte-overlay1: #8c8fa1; + --ctp-latte-overlay1-rgb: rgb(140, 143, 161); + --ctp-latte-overlay1-hsl: hsl(231, 10%, 59%); + --ctp-frappe-overlay1: #838ba7; + --ctp-frappe-overlay1-rgb: rgb(131, 139, 167); + --ctp-frappe-overlay1-hsl: hsl(227, 17%, 58%); + --ctp-macchiato-overlay1: #8087a2; + --ctp-macchiato-overlay1-rgb: rgb(128, 135, 162); + --ctp-macchiato-overlay1-hsl: hsl(228, 15%, 57%); + --ctp-mocha-overlay1: #7f849c; + --ctp-mocha-overlay1-rgb: rgb(127, 132, 156); + --ctp-mocha-overlay1-hsl: hsl(230, 13%, 55%); + --ctp-latte-overlay0: #9ca0b0; + --ctp-latte-overlay0-rgb: rgb(156, 160, 176); + --ctp-latte-overlay0-hsl: hsl(228, 11%, 65%); + --ctp-frappe-overlay0: #737994; + --ctp-frappe-overlay0-rgb: rgb(115, 121, 148); + --ctp-frappe-overlay0-hsl: hsl(229, 13%, 52%); + --ctp-macchiato-overlay0: #6e738d; + --ctp-macchiato-overlay0-rgb: rgb(110, 115, 141); + --ctp-macchiato-overlay0-hsl: hsl(230, 12%, 49%); + --ctp-mocha-overlay0: #6c7086; + --ctp-mocha-overlay0-rgb: rgb(108, 112, 134); + --ctp-mocha-overlay0-hsl: hsl(231, 11%, 47%); + --ctp-latte-surface2: #acb0be; + --ctp-latte-surface2-rgb: rgb(172, 176, 190); + --ctp-latte-surface2-hsl: hsl(227, 12%, 71%); + --ctp-frappe-surface2: #626880; + --ctp-frappe-surface2-rgb: rgb(98, 104, 128); + --ctp-frappe-surface2-hsl: hsl(228, 13%, 44%); + --ctp-macchiato-surface2: #5b6078; + --ctp-macchiato-surface2-rgb: rgb(91, 96, 120); + --ctp-macchiato-surface2-hsl: hsl(230, 14%, 41%); + --ctp-mocha-surface2: #585b70; + --ctp-mocha-surface2-rgb: rgb(88, 91, 112); + --ctp-mocha-surface2-hsl: hsl(233, 12%, 39%); + --ctp-latte-surface1: #bcc0cc; + --ctp-latte-surface1-rgb: rgb(188, 192, 204); + --ctp-latte-surface1-hsl: hsl(225, 14%, 77%); + --ctp-frappe-surface1: #51576d; + --ctp-frappe-surface1-rgb: rgb(81, 87, 109); + --ctp-frappe-surface1-hsl: hsl(227, 15%, 37%); + --ctp-macchiato-surface1: #494d64; + --ctp-macchiato-surface1-rgb: rgb(73, 77, 100); + --ctp-macchiato-surface1-hsl: hsl(231, 16%, 34%); + --ctp-mocha-surface1: #45475a; + --ctp-mocha-surface1-rgb: rgb(69, 71, 90); + --ctp-mocha-surface1-hsl: hsl(234, 13%, 31%); + --ctp-latte-surface0: #ccd0da; + --ctp-latte-surface0-rgb: rgb(204, 208, 218); + --ctp-latte-surface0-hsl: hsl(223, 16%, 83%); + --ctp-frappe-surface0: #414559; + --ctp-frappe-surface0-rgb: rgb(65, 69, 89); + --ctp-frappe-surface0-hsl: hsl(230, 16%, 30%); + --ctp-macchiato-surface0: #363a4f; + --ctp-macchiato-surface0-rgb: rgb(54, 58, 79); + --ctp-macchiato-surface0-hsl: hsl(230, 19%, 26%); + --ctp-mocha-surface0: #313244; + --ctp-mocha-surface0-rgb: rgb(49, 50, 68); + --ctp-mocha-surface0-hsl: hsl(237, 16%, 23%); + --ctp-latte-base: #eff1f5; + --ctp-latte-base-rgb: rgb(239, 241, 245); + --ctp-latte-base-hsl: hsl(220, 23%, 95%); + --ctp-frappe-base: #303446; + --ctp-frappe-base-rgb: rgb(48, 52, 70); + --ctp-frappe-base-hsl: hsl(229, 19%, 23%); + --ctp-macchiato-base: #24273a; + --ctp-macchiato-base-rgb: rgb(36, 39, 58); + --ctp-macchiato-base-hsl: hsl(232, 23%, 18%); + --ctp-mocha-base: #1e1e2e; + --ctp-mocha-base-rgb: rgb(30, 30, 46); + --ctp-mocha-base-hsl: hsl(240, 21%, 15%); + --ctp-latte-mantle: #e6e9ef; + --ctp-latte-mantle-rgb: rgb(230, 233, 239); + --ctp-latte-mantle-hsl: hsl(220, 22%, 92%); + --ctp-frappe-mantle: #292c3c; + --ctp-frappe-mantle-rgb: rgb(41, 44, 60); + --ctp-frappe-mantle-hsl: hsl(231, 19%, 20%); + --ctp-macchiato-mantle: #1e2030; + --ctp-macchiato-mantle-rgb: rgb(30, 32, 48); + --ctp-macchiato-mantle-hsl: hsl(233, 23%, 15%); + --ctp-mocha-mantle: #181825; + --ctp-mocha-mantle-rgb: rgb(24, 24, 37); + --ctp-mocha-mantle-hsl: hsl(240, 21%, 12%); + --ctp-latte-crust: #dce0e8; + --ctp-latte-crust-rgb: rgb(220, 224, 232); + --ctp-latte-crust-hsl: hsl(220, 21%, 89%); + --ctp-frappe-crust: #232634; + --ctp-frappe-crust-rgb: rgb(35, 38, 52); + --ctp-frappe-crust-hsl: hsl(229, 20%, 17%); + --ctp-macchiato-crust: #181926; + --ctp-macchiato-crust-rgb: rgb(24, 25, 38); + --ctp-macchiato-crust-hsl: hsl(236, 23%, 12%); + --ctp-mocha-crust: #11111b; + --ctp-mocha-crust-rgb: rgb(17, 17, 27); + --ctp-mocha-crust-hsl: hsl(240, 23%, 9%); +} diff --git a/wofi/.config/wofi/config/config b/wofi/.config/wofi/config/config new file mode 100644 index 0000000..eb34489 --- /dev/null +++ b/wofi/.config/wofi/config/config @@ -0,0 +1,11 @@ +show=drun +width=750 +height=400 +always_parse_args=true +show_all=false +term=kitty +hide_scroll=true +print_command=true +insensitive=true +prompt= +columns=2 diff --git a/wofi/.config/wofi/run.sh b/wofi/.config/wofi/run.sh new file mode 100644 index 0000000..16eb81c --- /dev/null +++ b/wofi/.config/wofi/run.sh @@ -0,0 +1,10 @@ +#!/usr/bin/env bash + +CONFIG="$HOME/.config/wofi/config/config" +STYLE="$HOME/.config/wofi/src/mocha/style.css" + +if [[ ! $(pidof wofi) ]]; then + wofi --conf "${CONFIG}" --style "${STYLE}" +else + pkill wofi +fi diff --git a/wofi/.config/wofi/src/frappe/style.css b/wofi/.config/wofi/src/frappe/style.css new file mode 100644 index 0000000..85742ae --- /dev/null +++ b/wofi/.config/wofi/src/frappe/style.css @@ -0,0 +1,164 @@ +@define-color rosewater #f2d5cf; +@define-color rosewater-rgb rgb(242, 213, 207); +@define-color flamingo #eebebe; +@define-color flamingo-rgb rgb(238, 190, 190); +@define-color pink #f4b8e4; +@define-color pink-rgb rgb(244, 184, 228); +@define-color mauve #ca9ee6; +@define-color mauve-rgb rgb(202, 158, 230); +@define-color red #e78284; +@define-color red-rgb rgb(231, 130, 132); +@define-color maroon #ea999c; +@define-color maroon-rgb rgb(234, 153, 156); +@define-color peach #ef9f76; +@define-color peach-rgb rgb(239, 159, 118); +@define-color yellow #e5c890; +@define-color yellow-rgb rgb(229, 200, 144); +@define-color green #a6d189; +@define-color green-rgb rgb(166, 209, 137); +@define-color teal #81c8be; +@define-color teal-rgb rgb(129, 200, 190); +@define-color sky #99d1db; +@define-color sky-rgb rgb(153, 209, 219); +@define-color sapphire #85c1dc; +@define-color sapphire-rgb rgb(133, 193, 220); +@define-color blue #8caaee; +@define-color blue-rgb rgb(140, 170, 238); +@define-color lavender #babbf1; +@define-color lavender-rgb rgb(186, 187, 241); +@define-color text #c6d0f5; +@define-color text-rgb rgb(198, 208, 245); +@define-color subtext1 #b5bfe2; +@define-color subtext1-rgb rgb(181, 191, 226); +@define-color subtext0 #a5adce; +@define-color subtext0-rgb rgb(165, 173, 206); +@define-color overlay2 #949cbb; +@define-color overlay2-rgb rgb(148, 156, 187); +@define-color overlay1 #838ba7; +@define-color overlay1-rgb rgb(131, 139, 167); +@define-color overlay0 #737994; +@define-color overlay0-rgb rgb(115, 121, 148); +@define-color surface2 #626880; +@define-color surface2-rgb rgb(98, 104, 128); +@define-color surface1 #51576d; +@define-color surface1-rgb rgb(81, 87, 109); +@define-color surface0 #414559; +@define-color surface0-rgb rgb(65, 69, 89); +@define-color base #303446; +@define-color base-rgb rgb(48, 52, 70); +@define-color mantle #292c3c; +@define-color mantle-rgb rgb(41, 44, 60); +@define-color crust #232634; +@define-color crust-rgb rgb(35, 38, 52); + +* { + font-family: 'Inconsolata Nerd Font', monospace; + font-size: 14px; +} + +/* Window */ +window { + margin: 0px; + padding: 10px; + border: 0.16em solid @lavender; + border-radius: 0.1em; + background-color: @base; + animation: slideIn 0.5s ease-in-out both; +} + +/* Slide In */ +@keyframes slideIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Inner Box */ +#inner-box { + margin: 5px; + padding: 10px; + border: none; + background-color: @base; + animation: fadeIn 0.5s ease-in-out both; +} + +/* Fade In */ +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Outer Box */ +#outer-box { + margin: 5px; + padding: 10px; + border: none; + background-color: @base; +} + +/* Scroll */ +#scroll { + margin: 0px; + padding: 10px; + border: none; + background-color: @base; +} + +/* Input */ +#input { + margin: 5px 20px; + padding: 10px; + border: none; + border-radius: 0.1em; + color: @text; + background-color: @base; + animation: fadeIn 0.5s ease-in-out both; +} + +#input image { + border: none; + color: @red; +} + +#input * { + outline: 4px solid @red!important; +} + +/* Text */ +#text { + margin: 5px; + border: none; + color: @text; + animation: fadeIn 0.5s ease-in-out both; +} + +#entry { + background-color: @base; +} + +#entry arrow { + border: none; + color: @lavender; +} + +/* Selected Entry */ +#entry:selected { + border: 0.11em solid @lavender; +} + +#entry:selected #text { + color: @mauve; +} + +#entry:drop(active) { + background-color: @lavender!important; +} diff --git a/wofi/.config/wofi/src/latte/style.css b/wofi/.config/wofi/src/latte/style.css new file mode 100644 index 0000000..dc37414 --- /dev/null +++ b/wofi/.config/wofi/src/latte/style.css @@ -0,0 +1,164 @@ +@define-color rosewater #dc8a78; +@define-color rosewater-rgb rgb(220, 138, 120); +@define-color flamingo #dd7878; +@define-color flamingo-rgb rgb(221, 120, 120); +@define-color pink #ea76cb; +@define-color pink-rgb rgb(234, 118, 203); +@define-color mauve #8839ef; +@define-color mauve-rgb rgb(136, 57, 239); +@define-color red #d20f39; +@define-color red-rgb rgb(210, 15, 57); +@define-color maroon #e64553; +@define-color maroon-rgb rgb(230, 69, 83); +@define-color peach #fe640b; +@define-color peach-rgb rgb(254, 100, 11); +@define-color yellow #df8e1d; +@define-color yellow-rgb rgb(223, 142, 29); +@define-color green #40a02b; +@define-color green-rgb rgb(64, 160, 43); +@define-color teal #179299; +@define-color teal-rgb rgb(23, 146, 153); +@define-color sky #04a5e5; +@define-color sky-rgb rgb(4, 165, 229); +@define-color sapphire #209fb5; +@define-color sapphire-rgb rgb(32, 159, 181); +@define-color blue #1e66f5; +@define-color blue-rgb rgb(30, 102, 245); +@define-color lavender #7287fd; +@define-color lavender-rgb rgb(114, 135, 253); +@define-color text #4c4f69; +@define-color text-rgb rgb(76, 79, 105); +@define-color subtext1 #5c5f77; +@define-color subtext1-rgb rgb(92, 95, 119); +@define-color subtext0 #6c6f85; +@define-color subtext0-rgb rgb(108, 111, 133); +@define-color overlay2 #7c7f93; +@define-color overlay2-rgb rgb(124, 127, 147); +@define-color overlay1 #8c8fa1; +@define-color overlay1-rgb rgb(140, 143, 161); +@define-color overlay0 #9ca0b0; +@define-color overlay0-rgb rgb(156, 160, 176); +@define-color surface2 #acb0be; +@define-color surface2-rgb rgb(172, 176, 190); +@define-color surface1 #bcc0cc; +@define-color surface1-rgb rgb(188, 192, 204); +@define-color surface0 #ccd0da; +@define-color surface0-rgb rgb(204, 208, 218); +@define-color base #eff1f5; +@define-color base-rgb rgb(239, 241, 245); +@define-color mantle #e6e9ef; +@define-color mantle-rgb rgb(230, 233, 239); +@define-color crust #dce0e8; +@define-color crust-rgb rgb(220, 224, 232); + +* { + font-family: 'Inconsolata Nerd Font', monospace; + font-size: 14px; +} + +/* Window */ +window { + margin: 0px; + padding: 10px; + border: 0.16em solid @lavender; + border-radius: 0.1em; + background-color: @base; + animation: slideIn 0.5s ease-in-out both; +} + +/* Slide In */ +@keyframes slideIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Inner Box */ +#inner-box { + margin: 5px; + padding: 10px; + border: none; + background-color: @base; + animation: fadeIn 0.5s ease-in-out both; +} + +/* Fade In */ +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Outer Box */ +#outer-box { + margin: 5px; + padding: 10px; + border: none; + background-color: @base; +} + +/* Scroll */ +#scroll { + margin: 0px; + padding: 10px; + border: none; + background-color: @base; +} + +/* Input */ +#input { + margin: 5px 20px; + padding: 10px; + border: none; + border-radius: 0.1em; + color: @text; + background-color: @base; + animation: fadeIn 0.5s ease-in-out both; +} + +#input image { + border: none; + color: @red; +} + +#input * { + outline: 4px solid @red!important; +} + +/* Text */ +#text { + margin: 5px; + border: none; + color: @text; + animation: fadeIn 0.5s ease-in-out both; +} + +#entry { + background-color: @base; +} + +#entry arrow { + border: none; + color: @lavender; +} + +/* Selected Entry */ +#entry:selected { + border: 0.11em solid @lavender; +} + +#entry:selected #text { + color: @mauve; +} + +#entry:drop(active) { + background-color: @lavender!important; +} diff --git a/wofi/.config/wofi/src/macchiato/style.css b/wofi/.config/wofi/src/macchiato/style.css new file mode 100644 index 0000000..3aa9a07 --- /dev/null +++ b/wofi/.config/wofi/src/macchiato/style.css @@ -0,0 +1,164 @@ +@define-color rosewater #f4dbd6; +@define-color rosewater-rgb rgb(244, 219, 214); +@define-color flamingo #f0c6c6; +@define-color flamingo-rgb rgb(240, 198, 198); +@define-color pink #f5bde6; +@define-color pink-rgb rgb(245, 189, 230); +@define-color mauve #c6a0f6; +@define-color mauve-rgb rgb(198, 160, 246); +@define-color red #ed8796; +@define-color red-rgb rgb(237, 135, 150); +@define-color maroon #ee99a0; +@define-color maroon-rgb rgb(238, 153, 160); +@define-color peach #f5a97f; +@define-color peach-rgb rgb(245, 169, 127); +@define-color yellow #eed49f; +@define-color yellow-rgb rgb(238, 212, 159); +@define-color green #a6da95; +@define-color green-rgb rgb(166, 218, 149); +@define-color teal #8bd5ca; +@define-color teal-rgb rgb(139, 213, 202); +@define-color sky #91d7e3; +@define-color sky-rgb rgb(145, 215, 227); +@define-color sapphire #7dc4e4; +@define-color sapphire-rgb rgb(125, 196, 228); +@define-color blue #8aadf4; +@define-color blue-rgb rgb(138, 173, 244); +@define-color lavender #b7bdf8; +@define-color lavender-rgb rgb(183, 189, 248); +@define-color text #cad3f5; +@define-color text-rgb rgb(202, 211, 245); +@define-color subtext1 #b8c0e0; +@define-color subtext1-rgb rgb(184, 192, 224); +@define-color subtext0 #a5adcb; +@define-color subtext0-rgb rgb(165, 173, 203); +@define-color overlay2 #939ab7; +@define-color overlay2-rgb rgb(147, 154, 183); +@define-color overlay1 #8087a2; +@define-color overlay1-rgb rgb(128, 135, 162); +@define-color overlay0 #6e738d; +@define-color overlay0-rgb rgb(110, 115, 141); +@define-color surface2 #5b6078; +@define-color surface2-rgb rgb(91, 96, 120); +@define-color surface1 #494d64; +@define-color surface1-rgb rgb(73, 77, 100); +@define-color surface0 #363a4f; +@define-color surface0-rgb rgb(54, 58, 79); +@define-color base #24273a; +@define-color base-rgb rgb(36, 39, 58); +@define-color mantle #1e2030; +@define-color mantle-rgb rgb(30, 32, 48); +@define-color crust #181926; +@define-color crust-rgb rgb(24, 25, 38); + +* { + font-family: 'Inconsolata Nerd Font', monospace; + font-size: 14px; +} + +/* Window */ +window { + margin: 0px; + padding: 10px; + border: 0.16em solid @lavender; + border-radius: 0.1em; + background-color: @base; + animation: slideIn 0.5s ease-in-out both; +} + +/* Slide In */ +@keyframes slideIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Inner Box */ +#inner-box { + margin: 5px; + padding: 10px; + border: none; + background-color: @base; + animation: fadeIn 0.5s ease-in-out both; +} + +/* Fade In */ +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Outer Box */ +#outer-box { + margin: 5px; + padding: 10px; + border: none; + background-color: @base; +} + +/* Scroll */ +#scroll { + margin: 0px; + padding: 10px; + border: none; + background-color: @base; +} + +/* Input */ +#input { + margin: 5px 20px; + padding: 10px; + border: none; + border-radius: 0.1em; + color: @text; + background-color: @base; + animation: fadeIn 0.5s ease-in-out both; +} + +#input image { + border: none; + color: @red; +} + +#input * { + outline: 4px solid @red!important; +} + +/* Text */ +#text { + margin: 5px; + border: none; + color: @text; + animation: fadeIn 0.5s ease-in-out both; +} + +#entry { + background-color: @base; +} + +#entry arrow { + border: none; + color: @lavender; +} + +/* Selected Entry */ +#entry:selected { + border: 0.11em solid @lavender; +} + +#entry:selected #text { + color: @mauve; +} + +#entry:drop(active) { + background-color: @lavender!important; +} diff --git a/wofi/.config/wofi/src/mocha/style.css b/wofi/.config/wofi/src/mocha/style.css new file mode 100644 index 0000000..34847f2 --- /dev/null +++ b/wofi/.config/wofi/src/mocha/style.css @@ -0,0 +1,165 @@ +@define-color rosewater #f5e0dc; +@define-color rosewater-rgb rgb(245, 224, 220); +@define-color flamingo #f2cdcd; +@define-color flamingo-rgb rgb(242, 205, 205); +@define-color pink #f5c2e7; +@define-color pink-rgb rgb(245, 194, 231); +@define-color mauve #cba6f7; +@define-color mauve-rgb rgb(203, 166, 247); +@define-color red #f38ba8; +@define-color red-rgb rgb(243, 139, 168); +@define-color maroon #eba0ac; +@define-color maroon-rgb rgb(235, 160, 172); +@define-color peach #fab387; +@define-color peach-rgb rgb(250, 179, 135); +@define-color yellow #f9e2af; +@define-color yellow-rgb rgb(249, 226, 175); +@define-color green #a6e3a1; +@define-color green-rgb rgb(166, 227, 161); +@define-color teal #94e2d5; +@define-color teal-rgb rgb(148, 226, 213); +@define-color sky #89dceb; +@define-color sky-rgb rgb(137, 220, 235); +@define-color sapphire #74c7ec; +@define-color sapphire-rgb rgb(116, 199, 236); +@define-color blue #89b4fa; +@define-color blue-rgb rgb(137, 180, 250); +@define-color lavender #b4befe; +@define-color lavender-rgb rgb(180, 190, 254); +@define-color text #cdd6f4; +@define-color text-rgb rgb(205, 214, 244); +@define-color subtext1 #bac2de; +@define-color subtext1-rgb rgb(186, 194, 222); +@define-color subtext0 #a6adc8; +@define-color subtext0-rgb rgb(166, 173, 200); +@define-color overlay2 #9399b2; +@define-color overlay2-rgb rgb(147, 153, 178); +@define-color overlay1 #7f849c; +@define-color overlay1-rgb rgb(127, 132, 156); +@define-color overlay0 #6c7086; +@define-color overlay0-rgb rgb(108, 112, 134); +@define-color surface2 #585b70; +@define-color surface2-rgb rgb(88, 91, 112); +@define-color surface1 #45475a; +@define-color surface1-rgb rgb(69, 71, 90); +@define-color surface0 #313244; +@define-color surface0-rgb rgb(49, 50, 68); +@define-color base #1e1e2e; +@define-color base-rgb rgb(30, 30, 46); +@define-color mantle #181825; +@define-color mantle-rgb rgb(24, 24, 37); +@define-color crust #11111b; +@define-color crust-rgb rgb(17, 17, 27); + +* { + font-family: 'Inconsolata Nerd Font', monospace; + font-size: 14px; +} + +/* Window */ +window { + margin: 0px; + padding: 10px; + border: 0.16em solid @lavender; + border-radius: 1em; + background-color: @base; + animation: slideIn 0.1s ease-in-out both; +} + +/* Slide In */ +@keyframes slideIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Inner Box */ +#inner-box { + margin: 5px; + padding: 10px; + border: none; + background-color: @base; + animation: fadeIn 0.1s ease-in-out both; +} + +/* Fade In */ +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Outer Box */ +#outer-box { + margin: 5px; + padding: 10px; + border: none; + border-radius: 0.1em; + background-color: @base; +} + +/* Scroll */ +#scroll { + margin: 0px; + padding: 10px; + border: none; + background-color: @base; +} + +/* Input */ +#input { + margin: 5px 20px; + padding: 10px; + border: none; + border-radius: 0.1em; + color: @text; + background-color: @base; + animation: fadeIn 0.1s ease-in-out both; +} + +#input image { + border: none; + color: @red; +} + +#input * { + outline: 4px solid @red!important; +} + +/* Text */ +#text { + margin: 5px; + border: none; + color: @text; + animation: fadeIn 0.1s ease-in-out both; +} + +#entry { + background-color: @base; +} + +#entry arrow { + border: none; + color: @lavender; +} + +/* Selected Entry */ +#entry:selected { + border: 0.11em solid @lavender; +} + +#entry:selected #text { + color: @mauve; +} + +#entry:drop(active) { + background-color: @lavender!important; +}