From 230808e7098afbc2e770a698039966ab7060dfc4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= Date: Fri, 12 May 2023 06:54:04 +0200 Subject: [PATCH] add better wofi --- wofi/LICENSE | 21 ++++++ wofi/README.md | 59 ++++++++++++++++ wofi/assets/.gitkeep | 0 wofi/config | 10 +++ wofi/src/frappe/blue/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/flamingo/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/green/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/lavender/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/maroon/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/mauve/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/peach/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/pink/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/red/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/rosewater/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/sapphire/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/sky/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/teal/style.css | 94 ++++++++++++++++++++++++++ wofi/src/frappe/yellow/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/blue/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/flamingo/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/green/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/lavender/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/maroon/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/mauve/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/peach/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/pink/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/red/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/rosewater/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/sapphire/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/sky/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/teal/style.css | 94 ++++++++++++++++++++++++++ wofi/src/latte/yellow/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/blue/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/flamingo/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/green/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/lavender/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/maroon/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/mauve/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/peach/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/pink/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/red/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/rosewater/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/sapphire/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/sky/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/teal/style.css | 94 ++++++++++++++++++++++++++ wofi/src/macchiato/yellow/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/blue/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/flamingo/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/green/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/lavender/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/maroon/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/mauve/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/peach/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/pink/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/red/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/rosewater/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/sapphire/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/sky/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/teal/style.css | 94 ++++++++++++++++++++++++++ wofi/src/mocha/yellow/style.css | 94 ++++++++++++++++++++++++++ wofi/style.css | 1 + 61 files changed, 5355 insertions(+) create mode 100644 wofi/LICENSE create mode 100644 wofi/README.md create mode 100644 wofi/assets/.gitkeep create mode 100644 wofi/config create mode 100644 wofi/src/frappe/blue/style.css create mode 100644 wofi/src/frappe/flamingo/style.css create mode 100644 wofi/src/frappe/green/style.css create mode 100644 wofi/src/frappe/lavender/style.css create mode 100644 wofi/src/frappe/maroon/style.css create mode 100644 wofi/src/frappe/mauve/style.css create mode 100644 wofi/src/frappe/peach/style.css create mode 100644 wofi/src/frappe/pink/style.css create mode 100644 wofi/src/frappe/red/style.css create mode 100644 wofi/src/frappe/rosewater/style.css create mode 100644 wofi/src/frappe/sapphire/style.css create mode 100644 wofi/src/frappe/sky/style.css create mode 100644 wofi/src/frappe/teal/style.css create mode 100644 wofi/src/frappe/yellow/style.css create mode 100644 wofi/src/latte/blue/style.css create mode 100644 wofi/src/latte/flamingo/style.css create mode 100644 wofi/src/latte/green/style.css create mode 100644 wofi/src/latte/lavender/style.css create mode 100644 wofi/src/latte/maroon/style.css create mode 100644 wofi/src/latte/mauve/style.css create mode 100644 wofi/src/latte/peach/style.css create mode 100644 wofi/src/latte/pink/style.css create mode 100644 wofi/src/latte/red/style.css create mode 100644 wofi/src/latte/rosewater/style.css create mode 100644 wofi/src/latte/sapphire/style.css create mode 100644 wofi/src/latte/sky/style.css create mode 100644 wofi/src/latte/teal/style.css create mode 100644 wofi/src/latte/yellow/style.css create mode 100644 wofi/src/macchiato/blue/style.css create mode 100644 wofi/src/macchiato/flamingo/style.css create mode 100644 wofi/src/macchiato/green/style.css create mode 100644 wofi/src/macchiato/lavender/style.css create mode 100644 wofi/src/macchiato/maroon/style.css create mode 100644 wofi/src/macchiato/mauve/style.css create mode 100644 wofi/src/macchiato/peach/style.css create mode 100644 wofi/src/macchiato/pink/style.css create mode 100644 wofi/src/macchiato/red/style.css create mode 100644 wofi/src/macchiato/rosewater/style.css create mode 100644 wofi/src/macchiato/sapphire/style.css create mode 100644 wofi/src/macchiato/sky/style.css create mode 100644 wofi/src/macchiato/teal/style.css create mode 100644 wofi/src/macchiato/yellow/style.css create mode 100644 wofi/src/mocha/blue/style.css create mode 100644 wofi/src/mocha/flamingo/style.css create mode 100644 wofi/src/mocha/green/style.css create mode 100644 wofi/src/mocha/lavender/style.css create mode 100644 wofi/src/mocha/maroon/style.css create mode 100644 wofi/src/mocha/mauve/style.css create mode 100644 wofi/src/mocha/peach/style.css create mode 100644 wofi/src/mocha/pink/style.css create mode 100644 wofi/src/mocha/red/style.css create mode 100644 wofi/src/mocha/rosewater/style.css create mode 100644 wofi/src/mocha/sapphire/style.css create mode 100644 wofi/src/mocha/sky/style.css create mode 100644 wofi/src/mocha/teal/style.css create mode 100644 wofi/src/mocha/yellow/style.css create mode 120000 wofi/style.css diff --git a/wofi/LICENSE b/wofi/LICENSE new file mode 100644 index 0000000..006383b --- /dev/null +++ b/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/README.md b/wofi/README.md new file mode 100644 index 0000000..1e3804a --- /dev/null +++ b/wofi/README.md @@ -0,0 +1,59 @@ +

+ Logo
+ + Catppuccin for Wofi + +

+ +

+ + + +

+ +

+ +

+ +## Previews + +
+🌻 Latte + +
+
+🪴 Frappé + +
+
+🌺 Macchiato + +
+
+🌿 Mocha + +
+ +## Usage + +1. Clone this repository. +2. Place the CSS (chosen theme) file in `~/.config/wofi/` or you can copy the content of the css file and paste it in your `~/.config/wofi/style.css` file. +3. (Optional) If you want to use the config file, place it in `~/.config/wofi/` or you can copy the content of the config file and paste it in your `~/.config/wofi/config` file. + +## 💝 Thanks to + +- [laymoth](https://github.com/laymoth) + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ +

+ +

diff --git a/wofi/assets/.gitkeep b/wofi/assets/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/wofi/config b/wofi/config new file mode 100644 index 0000000..762a54e --- /dev/null +++ b/wofi/config @@ -0,0 +1,10 @@ +show=drun +width=750 +height=400 +always_parse_args=true +show_all=false +print_command=true +insensitive=true +allow_images=true +key_expand=Control_L +prompt= Hmm, what do you want to run? diff --git a/wofi/src/frappe/blue/style.css b/wofi/src/frappe/blue/style.css new file mode 100644 index 0000000..b8bb1cf --- /dev/null +++ b/wofi/src/frappe/blue/style.css @@ -0,0 +1,94 @@ +/* Frappe Blue */ +@define-color accent #8caaee; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/flamingo/style.css b/wofi/src/frappe/flamingo/style.css new file mode 100644 index 0000000..7cdf77d --- /dev/null +++ b/wofi/src/frappe/flamingo/style.css @@ -0,0 +1,94 @@ +/* Frappe Flamingo */ +@define-color accent #eebebe; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/green/style.css b/wofi/src/frappe/green/style.css new file mode 100644 index 0000000..6ffa064 --- /dev/null +++ b/wofi/src/frappe/green/style.css @@ -0,0 +1,94 @@ +/* Frappe Green */ +@define-color accent #a6d189; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/lavender/style.css b/wofi/src/frappe/lavender/style.css new file mode 100644 index 0000000..26dbbb2 --- /dev/null +++ b/wofi/src/frappe/lavender/style.css @@ -0,0 +1,94 @@ +/* Frappe Lavender */ +@define-color accent #babbf1; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/maroon/style.css b/wofi/src/frappe/maroon/style.css new file mode 100644 index 0000000..78f68f5 --- /dev/null +++ b/wofi/src/frappe/maroon/style.css @@ -0,0 +1,94 @@ +/* Frappe Maroon */ +@define-color accent #ea999c; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/mauve/style.css b/wofi/src/frappe/mauve/style.css new file mode 100644 index 0000000..8f86485 --- /dev/null +++ b/wofi/src/frappe/mauve/style.css @@ -0,0 +1,94 @@ +/* Frappe Mauve */ +@define-color accent #ca9ee6; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/peach/style.css b/wofi/src/frappe/peach/style.css new file mode 100644 index 0000000..81a2f32 --- /dev/null +++ b/wofi/src/frappe/peach/style.css @@ -0,0 +1,94 @@ +/* Frappe Peach */ +@define-color accent #ef9f76; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/pink/style.css b/wofi/src/frappe/pink/style.css new file mode 100644 index 0000000..f6862b3 --- /dev/null +++ b/wofi/src/frappe/pink/style.css @@ -0,0 +1,94 @@ +/* Frappe Pink */ +@define-color accent #f4b8e4; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/red/style.css b/wofi/src/frappe/red/style.css new file mode 100644 index 0000000..51ad7c9 --- /dev/null +++ b/wofi/src/frappe/red/style.css @@ -0,0 +1,94 @@ +/* Frappe Red */ +@define-color accent #e78284; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/rosewater/style.css b/wofi/src/frappe/rosewater/style.css new file mode 100644 index 0000000..698f0ba --- /dev/null +++ b/wofi/src/frappe/rosewater/style.css @@ -0,0 +1,94 @@ +/* Frappe Rosewater */ +@define-color accent #f2d5cf; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/sapphire/style.css b/wofi/src/frappe/sapphire/style.css new file mode 100644 index 0000000..9eab8e0 --- /dev/null +++ b/wofi/src/frappe/sapphire/style.css @@ -0,0 +1,94 @@ +/* Frappe Sapphire */ +@define-color accent #85c1dc; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/sky/style.css b/wofi/src/frappe/sky/style.css new file mode 100644 index 0000000..9e5ed6b --- /dev/null +++ b/wofi/src/frappe/sky/style.css @@ -0,0 +1,94 @@ +/* Frappe Sky */ +@define-color accent #99d1db; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/teal/style.css b/wofi/src/frappe/teal/style.css new file mode 100644 index 0000000..b28d015 --- /dev/null +++ b/wofi/src/frappe/teal/style.css @@ -0,0 +1,94 @@ +/* Frappe Teal */ +@define-color accent #81c8be; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/frappe/yellow/style.css b/wofi/src/frappe/yellow/style.css new file mode 100644 index 0000000..dc70510 --- /dev/null +++ b/wofi/src/frappe/yellow/style.css @@ -0,0 +1,94 @@ +/* Frappe Yellow */ +@define-color accent #e5c890; +@define-color txt #cad3f5; +@define-color bg #303446; +@define-color bg2 #51576d; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/blue/style.css b/wofi/src/latte/blue/style.css new file mode 100644 index 0000000..1127c69 --- /dev/null +++ b/wofi/src/latte/blue/style.css @@ -0,0 +1,94 @@ +/* Latte Blue */ +@define-color accent #1e66f5; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/flamingo/style.css b/wofi/src/latte/flamingo/style.css new file mode 100644 index 0000000..c4bff60 --- /dev/null +++ b/wofi/src/latte/flamingo/style.css @@ -0,0 +1,94 @@ +/* Latte Flamingo */ +@define-color accent #dd7878; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/green/style.css b/wofi/src/latte/green/style.css new file mode 100644 index 0000000..a3c22b5 --- /dev/null +++ b/wofi/src/latte/green/style.css @@ -0,0 +1,94 @@ +/* Latte Green */ +@define-color accent #40a02b; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/lavender/style.css b/wofi/src/latte/lavender/style.css new file mode 100644 index 0000000..364eac8 --- /dev/null +++ b/wofi/src/latte/lavender/style.css @@ -0,0 +1,94 @@ +/* Latte Lavender */ +@define-color accent #7287fd; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/maroon/style.css b/wofi/src/latte/maroon/style.css new file mode 100644 index 0000000..89087c4 --- /dev/null +++ b/wofi/src/latte/maroon/style.css @@ -0,0 +1,94 @@ +/* Latte Maroon */ +@define-color accent #e64553; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/mauve/style.css b/wofi/src/latte/mauve/style.css new file mode 100644 index 0000000..41cafcb --- /dev/null +++ b/wofi/src/latte/mauve/style.css @@ -0,0 +1,94 @@ +/* Latte Mauve */ +@define-color accent #8839ef; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/peach/style.css b/wofi/src/latte/peach/style.css new file mode 100644 index 0000000..d34ada7 --- /dev/null +++ b/wofi/src/latte/peach/style.css @@ -0,0 +1,94 @@ +/* Latte Peach */ +@define-color accent #fe640b; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/pink/style.css b/wofi/src/latte/pink/style.css new file mode 100644 index 0000000..f459781 --- /dev/null +++ b/wofi/src/latte/pink/style.css @@ -0,0 +1,94 @@ +/* Latte Pink */ +@define-color accent #ea76cb; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/red/style.css b/wofi/src/latte/red/style.css new file mode 100644 index 0000000..d29754f --- /dev/null +++ b/wofi/src/latte/red/style.css @@ -0,0 +1,94 @@ +/* Latte Red */ +@define-color accent #d20f39; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/rosewater/style.css b/wofi/src/latte/rosewater/style.css new file mode 100644 index 0000000..ff9d2c3 --- /dev/null +++ b/wofi/src/latte/rosewater/style.css @@ -0,0 +1,94 @@ +/* Latte Rosewater */ +@define-color accent #dc8a78; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/sapphire/style.css b/wofi/src/latte/sapphire/style.css new file mode 100644 index 0000000..b13343f --- /dev/null +++ b/wofi/src/latte/sapphire/style.css @@ -0,0 +1,94 @@ +/* Latte Sapphire */ +@define-color accent #209fb5; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/sky/style.css b/wofi/src/latte/sky/style.css new file mode 100644 index 0000000..476f7e6 --- /dev/null +++ b/wofi/src/latte/sky/style.css @@ -0,0 +1,94 @@ +/* Latte Sky */ +@define-color accent #04a5e5; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/teal/style.css b/wofi/src/latte/teal/style.css new file mode 100644 index 0000000..1dc609d --- /dev/null +++ b/wofi/src/latte/teal/style.css @@ -0,0 +1,94 @@ +/* Latte Teal */ +@define-color accent #179299; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/latte/yellow/style.css b/wofi/src/latte/yellow/style.css new file mode 100644 index 0000000..6f3c187 --- /dev/null +++ b/wofi/src/latte/yellow/style.css @@ -0,0 +1,94 @@ +/* Latte Yellow */ +@define-color accent #df8e1d; +@define-color txt #4c4f69; +@define-color bg #eff1f5; +@define-color bg2 #bcc0cc; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/blue/style.css b/wofi/src/macchiato/blue/style.css new file mode 100644 index 0000000..258ae2a --- /dev/null +++ b/wofi/src/macchiato/blue/style.css @@ -0,0 +1,94 @@ +/* Macchiato Blue */ +@define-color accent #8aadf4; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + +* { + font-family: "JetBrains Mono Nerd Font", monospace; + font-size: 14px; +} + +/* Window */ +window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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; + background-color: @bg; +} + +/* Scroll */ +#scroll { + margin: 0px; + padding: 10px; + border: none; +} + +/* Input */ +#input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; +} + +/* Text */ +#text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; +} + +/* Selected Entry */ +#entry:selected { + background-color: @accent; +} + +#entry:selected #text { + color: @bg; +} diff --git a/wofi/src/macchiato/flamingo/style.css b/wofi/src/macchiato/flamingo/style.css new file mode 100644 index 0000000..e961181 --- /dev/null +++ b/wofi/src/macchiato/flamingo/style.css @@ -0,0 +1,94 @@ +/* Macchiato Flamingo */ +@define-color accent #f0c6c6; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/green/style.css b/wofi/src/macchiato/green/style.css new file mode 100644 index 0000000..1bb2fb4 --- /dev/null +++ b/wofi/src/macchiato/green/style.css @@ -0,0 +1,94 @@ +/* Macchiato Green */ +@define-color accent #a6da95; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/lavender/style.css b/wofi/src/macchiato/lavender/style.css new file mode 100644 index 0000000..d16506d --- /dev/null +++ b/wofi/src/macchiato/lavender/style.css @@ -0,0 +1,94 @@ +/* Macchiato Lavender */ +@define-color accent #b7bdf8; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/maroon/style.css b/wofi/src/macchiato/maroon/style.css new file mode 100644 index 0000000..de843bf --- /dev/null +++ b/wofi/src/macchiato/maroon/style.css @@ -0,0 +1,94 @@ +/* Macchiato Maroon */ +@define-color accent #ee99a0; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/mauve/style.css b/wofi/src/macchiato/mauve/style.css new file mode 100644 index 0000000..6003d1b --- /dev/null +++ b/wofi/src/macchiato/mauve/style.css @@ -0,0 +1,94 @@ +/* Macchiato Mauve */ +@define-color accent #c6a0f6; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/peach/style.css b/wofi/src/macchiato/peach/style.css new file mode 100644 index 0000000..de04c5f --- /dev/null +++ b/wofi/src/macchiato/peach/style.css @@ -0,0 +1,94 @@ +/* Macchiato Peach */ +@define-color accent #f5a97f; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/pink/style.css b/wofi/src/macchiato/pink/style.css new file mode 100644 index 0000000..ee95912 --- /dev/null +++ b/wofi/src/macchiato/pink/style.css @@ -0,0 +1,94 @@ +/* Macchiato Pink */ +@define-color accent #f5bde6; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/red/style.css b/wofi/src/macchiato/red/style.css new file mode 100644 index 0000000..e01930d --- /dev/null +++ b/wofi/src/macchiato/red/style.css @@ -0,0 +1,94 @@ +/* Macchiato Red */ +@define-color accent #ed8796; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/rosewater/style.css b/wofi/src/macchiato/rosewater/style.css new file mode 100644 index 0000000..6a0ac79 --- /dev/null +++ b/wofi/src/macchiato/rosewater/style.css @@ -0,0 +1,94 @@ +/* Macchiato Rosewater */ +@define-color accent #f4dbd6; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/sapphire/style.css b/wofi/src/macchiato/sapphire/style.css new file mode 100644 index 0000000..459bf5f --- /dev/null +++ b/wofi/src/macchiato/sapphire/style.css @@ -0,0 +1,94 @@ +/* Macchiato Sapphire */ +@define-color accent #7dc4e4; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/sky/style.css b/wofi/src/macchiato/sky/style.css new file mode 100644 index 0000000..a9e1daf --- /dev/null +++ b/wofi/src/macchiato/sky/style.css @@ -0,0 +1,94 @@ +/* Macchiato Sky */ +@define-color accent #91d7e3; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/teal/style.css b/wofi/src/macchiato/teal/style.css new file mode 100644 index 0000000..b81cd23 --- /dev/null +++ b/wofi/src/macchiato/teal/style.css @@ -0,0 +1,94 @@ +/* Macchiato Teal */ +@define-color accent #8bd5ca; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/macchiato/yellow/style.css b/wofi/src/macchiato/yellow/style.css new file mode 100644 index 0000000..7df6df1 --- /dev/null +++ b/wofi/src/macchiato/yellow/style.css @@ -0,0 +1,94 @@ +/* Macchiato Yellow */ +@define-color accent #eed49f; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/blue/style.css b/wofi/src/mocha/blue/style.css new file mode 100644 index 0000000..add6d58 --- /dev/null +++ b/wofi/src/mocha/blue/style.css @@ -0,0 +1,94 @@ +/* Mocha Blue */ +@define-color accent #89b4fa; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/flamingo/style.css b/wofi/src/mocha/flamingo/style.css new file mode 100644 index 0000000..dade7fa --- /dev/null +++ b/wofi/src/mocha/flamingo/style.css @@ -0,0 +1,94 @@ +/* Mocha Flamingo */ +@define-color accent #f2cdcd; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/green/style.css b/wofi/src/mocha/green/style.css new file mode 100644 index 0000000..c3604d2 --- /dev/null +++ b/wofi/src/mocha/green/style.css @@ -0,0 +1,94 @@ +/* Mocha Green */ +@define-color accent #a6e3a1; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + +* { + font-family: "Hack Nerd Font Mono", monospace; + font-size: 14px; +} + +/* Window */ +window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + /*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: @bg; + /*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: @bg; +} + +/* Scroll */ +#scroll { + margin: 0px; + padding: 10px; + border: none; +} + +/* Input */ +#input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + /*animation: fadeIn 0.5s ease-in-out both;*/ +} + +/* Text */ +#text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + /*animation: fadeIn 0.5s ease-in-out both;*/ +} + +/* Selected Entry */ +#entry:selected { + background-color: @accent; +} + +#entry:selected #text { + color: @bg; +} diff --git a/wofi/src/mocha/lavender/style.css b/wofi/src/mocha/lavender/style.css new file mode 100644 index 0000000..69f608a --- /dev/null +++ b/wofi/src/mocha/lavender/style.css @@ -0,0 +1,94 @@ +/* Mocha Lavender */ +@define-color accent #babbf1; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/maroon/style.css b/wofi/src/mocha/maroon/style.css new file mode 100644 index 0000000..ccf9833 --- /dev/null +++ b/wofi/src/mocha/maroon/style.css @@ -0,0 +1,94 @@ +/* Mocha Maroon */ +@define-color accent #eba0ac; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/mauve/style.css b/wofi/src/mocha/mauve/style.css new file mode 100644 index 0000000..27d797c --- /dev/null +++ b/wofi/src/mocha/mauve/style.css @@ -0,0 +1,94 @@ +/* Mocha Mauve */ +@define-color accent #cba6f7; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/peach/style.css b/wofi/src/mocha/peach/style.css new file mode 100644 index 0000000..3a8c5d3 --- /dev/null +++ b/wofi/src/mocha/peach/style.css @@ -0,0 +1,94 @@ +/* Mocha Peach */ +@define-color accent #fab387; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/pink/style.css b/wofi/src/mocha/pink/style.css new file mode 100644 index 0000000..d6f2132 --- /dev/null +++ b/wofi/src/mocha/pink/style.css @@ -0,0 +1,94 @@ +/* Mocha Pink */ +@define-color accent #f5c2e7; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/red/style.css b/wofi/src/mocha/red/style.css new file mode 100644 index 0000000..2fa076d --- /dev/null +++ b/wofi/src/mocha/red/style.css @@ -0,0 +1,94 @@ +/* Mocha Red */ +@define-color accent #f38ba8; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/rosewater/style.css b/wofi/src/mocha/rosewater/style.css new file mode 100644 index 0000000..3d30b88 --- /dev/null +++ b/wofi/src/mocha/rosewater/style.css @@ -0,0 +1,94 @@ +/* Mocha Rosewater */ +@define-color accent #f5e0dc; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/sapphire/style.css b/wofi/src/mocha/sapphire/style.css new file mode 100644 index 0000000..d5ec39e --- /dev/null +++ b/wofi/src/mocha/sapphire/style.css @@ -0,0 +1,94 @@ +/* Mocha Sapphire */ +@define-color accent #74c7ec; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/sky/style.css b/wofi/src/mocha/sky/style.css new file mode 100644 index 0000000..044d0a4 --- /dev/null +++ b/wofi/src/mocha/sky/style.css @@ -0,0 +1,94 @@ +/* Mocha Sky */ +@define-color accent #89dceb; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/teal/style.css b/wofi/src/mocha/teal/style.css new file mode 100644 index 0000000..2063b35 --- /dev/null +++ b/wofi/src/mocha/teal/style.css @@ -0,0 +1,94 @@ +/* Mocha Teal */ +@define-color accent #94e2d5; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/src/mocha/yellow/style.css b/wofi/src/mocha/yellow/style.css new file mode 100644 index 0000000..3a7b299 --- /dev/null +++ b/wofi/src/mocha/yellow/style.css @@ -0,0 +1,94 @@ +/* Mocha Yellow */ +@define-color accent #f9e2af; +@define-color txt #cad3f5; +@define-color bg #24273a; +@define-color bg2 #494d64; + + * { + font-family: 'JetBrains Mono Nerd Font', monospace; + font-size: 14px; + } + + /* Window */ + window { + margin: 0px; + padding: 10px; + border: 3px solid @accent; + border-radius: 7px; + background-color: @bg; + 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: @bg; + 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: @bg; + } + + /* Scroll */ + #scroll { + margin: 0px; + padding: 10px; + border: none; + } + + /* Input */ + #input { + margin: 5px; + padding: 10px; + border: none; + color: @accent; + background-color: @bg2; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Text */ + #text { + margin: 5px; + padding: 10px; + border: none; + color: @txt; + animation: fadeIn 0.5s ease-in-out both; + } + + /* Selected Entry */ + #entry:selected { + background-color: @accent; + } + + #entry:selected #text { + color: @bg; + } \ No newline at end of file diff --git a/wofi/style.css b/wofi/style.css new file mode 120000 index 0000000..c768a55 --- /dev/null +++ b/wofi/style.css @@ -0,0 +1 @@ +/home/crimsen/.config/wofi/src/macchiato/blue/style.css \ No newline at end of file