feat: add hypr and wofi
This commit is contained in:
21
wofi/.config/wofi/LICENSE
Normal file
21
wofi/.config/wofi/LICENSE
Normal file
@@ -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.
|
||||
87
wofi/.config/wofi/README.md
Normal file
87
wofi/.config/wofi/README.md
Normal file
@@ -0,0 +1,87 @@
|
||||
<h3 align="center">
|
||||
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/>
|
||||
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
|
||||
Catppuccin for <a href="https://hg.sr.ht/~scoopta/wofi">Wofi</a>
|
||||
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
|
||||
</h3>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://github.com/quantumfate/wofi/stargazers"><img src="https://img.shields.io/github/stars/catppuccin/template?colorA=363a4f&colorB=b7bdf8&style=for-the-badge"></a>
|
||||
<a href="https://github.com/quantumfate/wofi/issues"><img src="https://img.shields.io/github/issues/catppuccin/template?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a>
|
||||
<a href="https://github.com/quantumfate/wofi/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/template?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
<img src="https://raw.githubusercontent.com/quantumfate/wofi/main/assets/preview.webp"/>
|
||||
</p>
|
||||
|
||||
## Previews
|
||||
|
||||
<details>
|
||||
<summary>🌻 Latte</summary>
|
||||
<img src="https://raw.githubusercontent.com/quantumfate/wofi/main/assets/latte.webp"/>
|
||||
</details>
|
||||
<details>
|
||||
<summary>🪴 Frappé</summary>
|
||||
<img src="https://raw.githubusercontent.com/quantumfate/wofi/main/assets/frappe.webp"/>
|
||||
</details>
|
||||
<details>
|
||||
<summary>🌺 Macchiato</summary>
|
||||
<img src="https://raw.githubusercontent.com/quantumfate/wofi/main/assets/macchiato.webp"/>
|
||||
</details>
|
||||
<details>
|
||||
<summary>🌿 Mocha</summary>
|
||||
<img src="https://raw.githubusercontent.com/quantumfate/wofi/main/assets/mocha.webp"/>
|
||||
</details>
|
||||
|
||||
## 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 <your-path-to-wofi>/config --style <your-path-to-wofi>/<flavor>/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)
|
||||
|
||||
|
||||
|
||||
<p align="center">
|
||||
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" />
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
Copyright © 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a>
|
||||
</p>
|
||||
BIN
wofi/.config/wofi/assets/frappe.webp
Normal file
BIN
wofi/.config/wofi/assets/frappe.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
wofi/.config/wofi/assets/latte.webp
Normal file
BIN
wofi/.config/wofi/assets/latte.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
wofi/.config/wofi/assets/macchiato.webp
Normal file
BIN
wofi/.config/wofi/assets/macchiato.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
wofi/.config/wofi/assets/mocha.webp
Normal file
BIN
wofi/.config/wofi/assets/mocha.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
wofi/.config/wofi/assets/preview.webp
Normal file
BIN
wofi/.config/wofi/assets/preview.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
314
wofi/.config/wofi/colors.css
Normal file
314
wofi/.config/wofi/colors.css
Normal file
@@ -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%);
|
||||
}
|
||||
11
wofi/.config/wofi/config/config
Normal file
11
wofi/.config/wofi/config/config
Normal file
@@ -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
|
||||
164
wofi/.config/wofi/src/frappe/style.css
Normal file
164
wofi/.config/wofi/src/frappe/style.css
Normal file
@@ -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;
|
||||
}
|
||||
164
wofi/.config/wofi/src/latte/style.css
Normal file
164
wofi/.config/wofi/src/latte/style.css
Normal file
@@ -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;
|
||||
}
|
||||
164
wofi/.config/wofi/src/macchiato/style.css
Normal file
164
wofi/.config/wofi/src/macchiato/style.css
Normal file
@@ -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;
|
||||
}
|
||||
164
wofi/.config/wofi/src/mocha/style.css
Normal file
164
wofi/.config/wofi/src/mocha/style.css
Normal file
@@ -0,0 +1,164 @@
|
||||
@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: 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;
|
||||
}
|
||||
Reference in New Issue
Block a user