Merge pull request #88 from LightSaveUs/UI2

Themes Updated
This commit is contained in:
ebolam
2022-08-31 12:45:25 -04:00
committed by GitHub
3 changed files with 97 additions and 83 deletions

View File

@@ -1,37 +1,44 @@
/*
Name: Darkness
Author: LightSaveUs
Version: 0.1.5
Description: A theme inspired by the AI Dungeon interface.
*/
:root { :root {
/*----------------Palette Theme--------------------*/ /*----------------Palette Theme--------------------*/
--primary_palette: #afc6ff; --primary_palette: #000000;
--on_primary_palette: #002d6c; --on_primary_palette: #000000;
--primary_container_palette: #004397; --primary_container_palette: #000000;
--on_primary_container_palette: #d9e2ff; --on_primary_container_palette: #000000;
--secondary_palette: #f7c5ee; --secondary_palette: #000000;
--on_secondary_palette: #5c0059; --on_secondary_palette: #000000;
--secondary_container_palette: #d663bd; --secondary_container_palette: #000000;
--on_secondary_container_palette: #4e0039; --on_secondary_container_palette: #000000;
--tertiary_palette: #a8d473; --tertiary_palette: #000000;
--on_tertiary_palette: #1f3700; --on_tertiary_palette: #000000;
--tertiary_container_palette: #2f4f00; --tertiary_container_palette: #000000;
--on_tertiary_container_palette: #c3f18c; --on_tertiary_container_palette: #000000;
--error_palette: #ffb4ab; --error_palette: #ffb4ab;
--on_error_palette: #690005; --on_error_palette: #690005;
--error_container_palette: #93000a; --error_container_palette: #93000a;
--on_error_container_palette: #ffdad6; --on_error_container_palette: #ffdad6;
--background_palette: #1b1b1f; --background_palette: #000000;
--on_background_palette:#e3e2e6; --on_background_palette:#000000;
--layer1_palette: #181818; --layer1_palette: #181818;
--layer2_palette: #28282D; --layer2_palette: #000000;
--layer3_palette: #2F2F35; --layer3_palette: #000000;
--layer4_palette: #35353D; --layer4_palette: #000000;
--outline_palette: #8e9099; --outline_palette: #000000;
--middle_palette: #232328; --middle_palette: #000000;
--on_middle_palette: #86868e; --on_middle_palette: #000000;
--surface_palette: #2f2f36; --surface_palette: #000000;
--on_surface_palette: #e3e2e6; --on_surface_palette: #000000;
/*----------------Advanced Theme--------------------*/ /*----------------Advanced Theme--------------------*/
/*General*/ /*General*/
@@ -80,8 +87,8 @@
--rangeslider_circle_color: #385262; --rangeslider_circle_color: #385262;
--help_icon: #c07ec5; --help_icon: #c07ec5;
--tooltip_text:var(--on_secondary_palette); --tooltip_text: #000000;
--tooltip_background:var(--secondary_palette); --tooltip_background: #000000;
--setting_category_help_text_color: #E0E0E0; --setting_category_help_text_color: #E0E0E0;
--setting_footer_border_color: grey; --setting_footer_border_color: grey;
@@ -89,10 +96,10 @@
--setting_footer_background_color: var(--layer1_palette); --setting_footer_background_color: var(--layer1_palette);
/*World Info*/ /*World Info*/
--wi_card_border_color: #002d6c00; --wi_card_border_color: #1a625f;
--wi_card_border_color_to_ai: #002d6c00; --wi_card_border_color_to_ai: #002d6c00;
--wi_card_bg_color: #1c1c1c; --wi_card_bg_color: #1b1b1b;
--wi_card_text_color: #e0e0e0; --wi_card_text_color: #e0e0e0;
--wi_card_tag_bg_color: #242424; --wi_card_tag_bg_color: #242424;
@@ -137,7 +144,7 @@
--right_menu_light_shadow: 0; --right_menu_light_shadow: 0;
--right_menu_strong_shadow: 0; --right_menu_strong_shadow: 0;
--radius_inputbox: 10px; --radius_inputbox: 10px;
--radius_unpinned_menu: 20px; --radius_unpinned_menu: 15px;
--radius_sequence: 10px; --radius_sequence: 10px;
--radius_settings_background: 10px; --radius_settings_background: 10px;
--radius_buttons: 5px; --radius_buttons: 5px;

View File

@@ -1,37 +1,44 @@
/*
Name: Monochrome
Author: LightSaveUs
Version: 0.4.5
Description: A theme inspired by the NovelAI interface.
*/
:root { :root {
/*----------------Palette Theme--------------------*/ /*----------------Palette Theme--------------------*/
--primary_palette: #afc6ff; --primary_palette: #000000;
--on_primary_palette: #002d6c; --on_primary_palette: #000000;
--primary_container_palette: #004397; --primary_container_palette: #000000;
--on_primary_container_palette: #d9e2ff; --on_primary_container_palette: #000000;
--secondary_palette: #f7c5ee; --secondary_palette: #000000;
--on_secondary_palette: #5c0059; --on_secondary_palette: #000000;
--secondary_container_palette: #d663bd; --secondary_container_palette: #000000;
--on_secondary_container_palette: #4e0039; --on_secondary_container_palette: #000000;
--tertiary_palette: #a8d473; --tertiary_palette: #000000;
--on_tertiary_palette: #1f3700; --on_tertiary_palette: #000000;
--tertiary_container_palette: #2f4f00; --tertiary_container_palette: #000000;
--on_tertiary_container_palette: #c3f18c; --on_tertiary_container_palette: #000000;
--error_palette: #ffb4ab; --error_palette: #ffb4ab;
--on_error_palette: #690005; --on_error_palette: #690005;
--error_container_palette: #93000a; --error_container_palette: #93000a;
--on_error_container_palette: #ffdad6; --on_error_container_palette: #ffdad6;
--background_palette: #1b1b1f; --background_palette: #000000;
--on_background_palette:#e3e2e6; --on_background_palette:#000000;
--layer1_palette: #18222a; --layer1_palette: #18222a;
--layer2_palette: #28282D; --layer2_palette: #000000;
--layer3_palette: #2F2F35; --layer3_palette: #000000;
--layer4_palette: #35353D; --layer4_palette: #000000;
--outline_palette: #8e9099; --outline_palette: #000000;
--middle_palette: #232328; --middle_palette: #000000;
--on_middle_palette: #86868e; --on_middle_palette: #000000;
--surface_palette: #2f2f36; --surface_palette: #000000;
--on_surface_palette: #e3e2e6; --on_surface_palette: #000000;
/*----------------Advanced Theme--------------------*/ /*----------------Advanced Theme--------------------*/
/*General*/ /*General*/
@@ -80,8 +87,8 @@
--rangeslider_circle_color: #1b354d; --rangeslider_circle_color: #1b354d;
--help_icon: #cfd7a2; --help_icon: #cfd7a2;
--tooltip_text:var(--on_secondary_palette); --tooltip_text: #000000;
--tooltip_background:var(--secondary_palette); --tooltip_background: #000000;
--setting_category_help_text_color: #E0E0E0; --setting_category_help_text_color: #E0E0E0;
--setting_footer_border_color: grey; --setting_footer_border_color: grey;
@@ -135,11 +142,11 @@
--left_menu_strong_shadow: 0; --left_menu_strong_shadow: 0;
--right_menu_light_shadow: 0; --right_menu_light_shadow: 0;
--right_menu_strong_shadow: 0; --right_menu_strong_shadow: 0;
--radius_inputbox: 5px; --radius_inputbox: 2px;
--radius_unpinned_menu: 10px; --radius_unpinned_menu: 0px;
--radius_sequence: 10px; --radius_sequence: 5px;
--radius_settings_background: 5px; --radius_settings_background: 2px;
--radius_buttons: 5px; --radius_buttons: 2px;
--radius_item_popup: 2px; --radius_item_popup: 2px;
--radius_wi_card: 5px; --radius_wi_card: 5px;

View File

@@ -1,44 +1,44 @@
/* /*
Name: Unicorn Name: Unicorn
Author: LightSaveUs Author: LightSaveUs
Version: 0.1 Version: 0.1.1
Description: A theme inspired by the DreamilyAI interface. Description: A theme inspired by the DreamilyAI interface.
*/ */
:root { :root {
/*----------------Palette Theme--------------------*/ /*----------------Palette Theme--------------------*/
--primary_palette: #afc6ff; --primary_palette:#000000;
--on_primary_palette: #002d6c; --on_primary_palette: #000000;
--primary_container_palette: #004397; --primary_container_palette: #000000;
--on_primary_container_palette: #d9e2ff; --on_primary_container_palette: #000000;
--secondary_palette: #f7c5ee; --secondary_palette: #000000;
--on_secondary_palette: #5c0059; --on_secondary_palette: #000000;
--secondary_container_palette: #d663bd; --secondary_container_palette: #000000;
--on_secondary_container_palette: #4e0039; --on_secondary_container_palette: #000000;
--tertiary_palette: #a8d473; --tertiary_palette: #000000;
--on_tertiary_palette: #1f3700; --on_tertiary_palette: #000000;
--tertiary_container_palette: #2f4f00; --tertiary_container_palette: #000000;
--on_tertiary_container_palette: #c3f18c; --on_tertiary_container_palette: #000000;
--error_palette: #ffb4ab; --error_palette: #ffb4ab;
--on_error_palette: #690005; --on_error_palette: #690005;
--error_container_palette: #93000a; --error_container_palette: #93000a;
--on_error_container_palette: #ffdad6; --on_error_container_palette: #ffdad6;
--background_palette: #1b1b1f; --background_palette: #000000;
--on_background_palette:#e3e2e6; --on_background_palette:#000000;
--layer1_palette: #e2e2e2; --layer1_palette: #e2e2e2;
--layer2_palette: #e26771; --layer2_palette: #000000;
--layer3_palette: #e26771; --layer3_palette: #000000;
--layer4_palette: #e26771; --layer4_palette: #000000;
--outline_palette: #8e9099; --outline_palette: #000000;
--middle_palette: #232328; --middle_palette: #000000;
--on_middle_palette: #86868e; --on_middle_palette: #000000;
--surface_palette: #2f2f36; --surface_palette: #000000;
--on_surface_palette: #e3e2e6; --on_surface_palette: #000000;
/*----------------Advanced Theme--------------------*/ /*----------------Advanced Theme--------------------*/
/*General*/ /*General*/
@@ -93,8 +93,8 @@
--rangeslider_circle_color: #f2f1f1; --rangeslider_circle_color: #f2f1f1;
--help_icon: #f2f1f1; --help_icon: #f2f1f1;
--tooltip_text:var(--on_secondary_palette); --tooltip_text: #000000;
--tooltip_background:var(--secondary_palette); --tooltip_background: #000000;
--setting_category_help_text_color: #464646; --setting_category_help_text_color: #464646;
--setting_footer_border_color: #4646466b; --setting_footer_border_color: #4646466b;
@@ -151,7 +151,7 @@
--right_menu_strong_shadow: 0; --right_menu_strong_shadow: 0;
--popup_shadow: 0; --popup_shadow: 0;
--radius_inputbox: 15px; --radius_inputbox: 15px;
--radius_unpinned_menu: 10px; --radius_unpinned_menu: 20px;
--radius_sequence: 15px; --radius_sequence: 15px;
--radius_settings_background: 10px; --radius_settings_background: 10px;
--radius_buttons: 10px; --radius_buttons: 10px;
@@ -178,4 +178,4 @@
--story_pinned_areas:var(--story_pinned_areas_left); --story_pinned_areas:var(--story_pinned_areas_left);
--story_pinned_area_widths:var(--story_pinned_area_widths_left); --story_pinned_area_widths:var(--story_pinned_area_widths_left);
--font_size_adjustment: 0px; --font_size_adjustment: 0px;
--game_screen_font_size_adjustment: 1;} --game_screen_font_size_adjustment: 1;}