From ae7ab53ab1dbee032c87e4ab59e6bad4f5cc1192 Mon Sep 17 00:00:00 2001 From: G2 Date: Wed, 3 Jul 2024 01:29:02 -0500 Subject: [PATCH] Catppuccin latte (#12) * Added Catppuccin Latte light-mode theme * Adjusted link color to be more standard --- src/web/assets/themes/catppuccin-latte.css | 33 ++++++++++++++++++++++ src/web/mod.rs | 1 + src/web/settings.rs | 1 + 3 files changed, 35 insertions(+) create mode 100644 src/web/assets/themes/catppuccin-latte.css diff --git a/src/web/assets/themes/catppuccin-latte.css b/src/web/assets/themes/catppuccin-latte.css new file mode 100644 index 0000000..1bdd274 --- /dev/null +++ b/src/web/assets/themes/catppuccin-latte.css @@ -0,0 +1,33 @@ +:root { + /* body background */ + --bg-1: #dce0e8; + /* background of the content */ + --bg-2: #e6e9ef; + /* input suggestions background */ + --bg-3: #eff1f5; + /* mostly borders */ + --bg-4: #9ca0b0; + + /* main text color */ + --fg-1: #4c4f69; + /* search result description */ + --fg-2: #4c4f69; + --fg-3: #5c5f77; + + /* focus outline */ + --accent: #7287fd; + + --link: #1e66f5; + --link-visited: #8839ef; + + /* green, success */ + --positive: #40a02b; + /* red, error */ + --negative: #e64553; + + --syntax-string: #40a02b; + --syntax-special: #dc8a78; + --syntax-constant: #ea76cb; + --syntax-comment: #5c5f77; + --syntax-func: #7287fd; +} diff --git a/src/web/mod.rs b/src/web/mod.rs index 7bb6600..792484e 100644 --- a/src/web/mod.rs +++ b/src/web/mod.rs @@ -74,6 +74,7 @@ pub async fn run(config: Config) { "script.js", "robots.txt", "themes/catppuccin-mocha.css", + "themes/catppuccin-latte.css", "themes/nord-bluish.css", "themes/discord.css" ]; diff --git a/src/web/settings.rs b/src/web/settings.rs index 6ae09bc..1f34ed4 100644 --- a/src/web/settings.rs +++ b/src/web/settings.rs @@ -32,6 +32,7 @@ pub async fn get( select name="stylesheet-url" selected=(config.ui.stylesheet_url) { { (theme_option("", "Ayu Dark")) } { (theme_option("/themes/catppuccin-mocha.css", "Catppuccin Mocha")) } + { (theme_option("/themes/catppuccin-latte.css", "Catppuccin Latte")) } { (theme_option("/themes/nord-bluish.css", "Nord Bluish")) } { (theme_option("/themes/discord.css", "Discord")) } }