Merge pull request #1551 from rysb-dev/feature/ayu-dark-theme

Add Ayu Dark theme

Author: svenstaro

data/style.scss

@@ -1,10 +1,11 @@
 @use "themes/archlinux" with ($generate_default: false);
+@use "themes/ayu_dark" with ($generate_default: false);
 @use "themes/monokai" with ($generate_default: false);
 @use "themes/squirrel" with ($generate_default: false);
 @use "themes/zenburn" with ($generate_default: false);
 
 // theme colors can be found at the bottom
-$themes: squirrel, archlinux, monokai, zenburn;
+$themes: squirrel, archlinux, ayu_dark, monokai, zenburn;
 
 html {
   font-smoothing: antialiased;
@@ -865,6 +866,10 @@ th span.active span {
     @include archlinux.theme();
   }
 
+  @else if $name ==ayu_dark {
+    @include ayu_dark.theme();
+  }
+
   @else if $name ==monokai {
     @include monokai.theme();
   }

data/themes/ayu_dark.scss

@@ -0,0 +1,64 @@
+$generate_default: true !default;
+
+@mixin theme {
+  --background: #0d1017;
+  --text_color: #bfbdb6;
+  --directory_link_color: #e6b450;
+  --directory_link_color_visited: #c99a3a;
+  --file_link_color: #aad94c;
+  --file_link_color_visited: #7fb032;
+  --symlink_color: #73b8ff;
+  --table_background: #131721;
+  --table_text_color: #bfbdb6;
+  --table_header_background: #1c2130;
+  --table_header_text_color: #bfbdb6;
+  --table_header_active_color: #e6b450;
+  --active_row_color: #e6b45030;
+  --odd_row_background: #111720;
+  --even_row_background: #0f1219;
+  --root_link_color: #39bae6;
+  --download_button_background: #e6b450;
+  --download_button_background_hover: #d9a53e;
+  --download_button_link_color: #0d1017;
+  --download_button_link_color_hover: #0d1017;
+  --back_button_background: #e6b450;
+  --back_button_background_hover: #d9a53e;
+  --back_button_link_color: #0d1017;
+  --back_button_link_color_hover: #0d1017;
+  --date_text_color: #39bae6;
+  --at_color: #39bae6;
+  --switch_theme_background: #131721;
+  --switch_theme_link_color: #bfbdb6;
+  --switch_theme_active: #e6b450;
+  --switch_theme_border: #1c2130;
+  --change_theme_link_color: #bfbdb6;
+  --change_theme_link_color_hover: #e6b450;
+  --upload_text_color: #bfbdb6;
+  --upload_form_border_color: #1c2130;
+  --upload_form_background: #131721;
+  --upload_button_background: #e6b450;
+  --upload_button_text_color: #0d1017;
+  --rm_button_background: #f26d78;
+  --rm_button_text_color: #0d1017;
+  --drag_background: #0d10178f;
+  --drag_border_color: #e6b450;
+  --drag_text_color: #bfbdb6;
+  --size_background_color: #1c2130;
+  --size_text_color: #bfbdb6;
+  --error_color: #d95757;
+  --footer_color: #39bae6;
+  --success_color: #7fd962;
+  --upload_modal_header_background: #1c2130;
+  --upload_modal_header_color: #bfbdb6;
+  --upload_modal_sub_header_background: #0d1017;
+  --upload_modal_file_item_background: #bfbdb6;
+  --upload_modal_file_item_color: #0d1017;
+  --upload_modal_file_upload_complete_background: #636a72;
+  --progress_bar_background: #e6b450;
+};
+
+@if $generate_default {
+  body {
+    @include theme;
+  }
+}

src/renderer.rs

@@ -383,6 +383,7 @@ const THEME_PICKER_CHOICES: &[(&str, &str)] = &[
     ("Default (light/dark)", "default"),
     ("Squirrel (light)", "squirrel"),
     ("Arch Linux (dark)", "archlinux"),
+    ("Ayu Dark (dark)", "ayu_dark"),
     ("Zenburn (dark)", "zenburn"),
     ("Monokai (dark)", "monokai"),
 ];
@@ -393,6 +394,8 @@ pub enum ThemeSlug {
     Squirrel,
     #[strum(serialize = "archlinux")]
     Archlinux,
+    #[strum(serialize = "ayu_dark")]
+    AyuDark,
     #[strum(serialize = "zenburn")]
     Zenburn,
     #[strum(serialize = "monokai")]
@@ -404,6 +407,7 @@ impl ThemeSlug {
         match self {
             Self::Squirrel => grass::include!("data/themes/squirrel.scss"),
             Self::Archlinux => grass::include!("data/themes/archlinux.scss"),
+            Self::AyuDark => grass::include!("data/themes/ayu_dark.scss"),
             Self::Zenburn => grass::include!("data/themes/zenburn.scss"),
             Self::Monokai => grass::include!("data/themes/monokai.scss"),
         }