extern/easydiffusion
1
0
Fork 1
mirror of https://github.com/easydiffusion/easydiffusion.git synced 2025-06-18 15:57:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

Theme tweaks

Browse Source
This commit is contained in:
cmdr2 2022-11-18 17:01:20 +05:30
parent ace3102601
commit 9c3d946de0
3 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/index.html
View File

@ -6,8 +6,8 @@
<link rel="icon" type="image/png" href="/media/images/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/media/images/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/media/images/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/media/images/favicon-32x32.png" sizes="32x32">
<link rel="stylesheet" href="/media/css/fonts.css?v=1"> <link rel="stylesheet" href="/media/css/fonts.css?v=1">
<link rel="stylesheet" href="/media/css/themes.css?v=5"> <link rel="stylesheet" href="/media/css/themes.css?v=6">
<link rel="stylesheet" href="/media/css/main.css?v=23"> <link rel="stylesheet" href="/media/css/main.css?v=24">
<link rel="stylesheet" href="/media/css/auto-save.css?v=6"> <link rel="stylesheet" href="/media/css/auto-save.css?v=6">
<link rel="stylesheet" href="/media/css/modifier-thumbnails.css?v=4"> <link rel="stylesheet" href="/media/css/modifier-thumbnails.css?v=4">
<link rel="stylesheet" href="/media/css/fontawesome-all.min.css?v=1"> <link rel="stylesheet" href="/media/css/fontawesome-all.min.css?v=1">

3
ui/media/css/main.css
View File

@ -30,10 +30,11 @@ code {
#prompt { #prompt {
width: 100%; width: 100%;
height: 65pt; height: 65pt;
font-size: 13px; font-size: 14px;
margin-bottom: 6px; margin-bottom: 6px;
margin-top: 5px; margin-top: 5px;
display: block; display: block;
border: 2px solid var(--background-color2);
} }
.image_preview_container { .image_preview_container {
margin-top: 10pt; margin-top: 10pt;

19
ui/media/css/themes.css
View File

@ -8,14 +8,14 @@
--background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (0.5 * var(--value-step)))); --background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (0.5 * var(--value-step))));
--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1.5 * var(--value-step)))); --background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1.5 * var(--value-step))));
--accent-hue: 263; --accent-hue: 267;
--accent-lightness: 36%; --accent-lightness: 36%;
--accent-lightness-hover: 40%; --accent-lightness-hover: 40%;
--text-color: #eee; --text-color: #eee;
--input-text-color: #ccc; --input-text-color: #eee;
--input-background-color: var(--background-color3); --input-background-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (0.7 * var(--value-step))));
--input-border-color: var(--background-color4); --input-border-color: var(--background-color4);
--button-text-color: var(--input-text-color); --button-text-color: var(--input-text-color);
@ -69,6 +69,8 @@
--background-color2: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1 * var(--value-step)))); --background-color2: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1 * var(--value-step))));
--background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (2 * var(--value-step)))); --background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (2 * var(--value-step))));
--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (3 * var(--value-step)))); --background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (3 * var(--value-step))));
--input-background-color: var(--background-color3);
--accent-hue: 212; --accent-hue: 212;
} }
@ -83,6 +85,8 @@
--background-color2: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1 * var(--value-step)))); --background-color2: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1 * var(--value-step))));
--background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (2 * var(--value-step)))); --background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (2 * var(--value-step))));
--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (3 * var(--value-step)))); --background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (3 * var(--value-step))));
--input-background-color: var(--background-color3);
} }
.theme-super-dark { .theme-super-dark {
@ -94,7 +98,8 @@
--background-color2: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (1 * var(--value-step)))); --background-color2: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (1 * var(--value-step))));
--background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (2 * var(--value-step)))); --background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (2 * var(--value-step))));
--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (1.4 * var(--value-step)))); --background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (1.4 * var(--value-step))));
--input-background-color: var(--background-color3);
--input-border-size: 0px; --input-border-size: 0px;
} }
@ -123,8 +128,8 @@
--background-color4: #000000; --background-color4: #000000;
--accent-hue: 213; --accent-hue: 213;
--accent-lightness: 76.8%; --accent-lightness: 55%;
--accent-color: #3584e4; --accent-color: #2168bf;
--input-border-radius: 6px; --input-border-radius: 6px;
--input-text-color: #ffffff; --input-text-color: #ffffff;
@ -133,7 +138,7 @@
--input-border-color: var(--input-background-color); --input-border-color: var(--input-background-color);
} }
.theme-hamunii .panel-box { .theme-gnomie .panel-box {
border: none; border: none;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
border-radius: 10px; border-radius: 10px;