extern/easydiffusion
1
0
Fork 1
mirror of https://github.com/easydiffusion/easydiffusion.git synced 2024-11-26 10:16:12 +01:00
Code Issues Packages Projects Releases Wiki Activity
2dfa482b24
easydiffusion/ui/media/css/themes.css

193 lines
7.3 KiB
CSS
Raw Normal View History

Download dialog redesign, code cleanup
2023-06-28 19:11:37 +02:00
:root, ::backdrop {
updated themes to work nicely with the new stuff
2022-11-18 05:15:39 +01:00
--main-hue: 222;
--main-saturation: 4%;
--value-base: 13%;
--value-step: 5%;
--background-color1: hsl(var(--main-hue), var(--main-saturation), var(--value-base));
--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) - (0.5 * var(--value-step))));
--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1.5 * var(--value-step))));
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
Theme tweaks
2022-11-18 12:31:20 +01:00
--accent-hue: 267;
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
--accent-lightness: 36%;
--accent-lightness-hover: 40%;
--text-color: #eee;
move (some) hardcoded colors to variables
2023-06-27 00:31:48 +02:00
--link-color: rgb(0, 102, 204);
--small-label-color: rgb(153, 153, 153);
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
Theme tweaks
2022-11-18 12:31:20 +01:00
--input-text-color: #eee;
--input-background-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (0.7 * var(--value-step))));
updated themes to work nicely with the new stuff
2022-11-18 05:15:39 +01:00
--input-border-color: var(--background-color4);
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
--button-text-color: var(--input-text-color);
Image Editor Updates (#612) * fixed tools for image editor to be more modular and made cursor an actual cursor change * fixed eraser cursor positioning * updated opacity to not have a 100 option * separated clear into an actions section * added history support for image editor. ctrl-z and ctrl-y both work now * removed extra console log debugging stuff * updated buttons style * updated the button ui on the main page as requested * updated with a bunch of bugfixes
2022-12-06 09:26:51 +01:00
--button-color: var(--input-background-color);
updated themes to work nicely with the new stuff
2022-11-18 05:15:39 +01:00
--button-border: none;
move (some) hardcoded colors to variables
2023-06-27 00:31:48 +02:00
--button-hover-background: hsl(var(--accent-hue), 100%, calc(var(--accent-lightness) + 6%));
--secondary-button-background: rgb(132, 8, 0);
--secondary-button-hover-background: rgb(177, 27, 0);
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
/* other */
--input-border-radius: 4px;
--input-border-size: 1px;
--accent-color: hsl(var(--accent-hue), 100%, var(--accent-lightness));
--accent-color-hover: hsl(var(--accent-hue), 100%, var(--accent-lightness-hover));
Set tertiary colors on buttons that don't need to be visible in a very dominant manner
2023-02-28 11:07:38 +01:00
--accent-text-color: rgb(255, 221, 255);
Add a 'Save' button in settings, to avoid starting/stopping threads while a user is still modifying their GPU settings
2022-11-15 07:52:55 +01:00
--primary-button-border: none;
added fancy switches and updated the ui of the settings tab
2022-11-18 02:58:09 +01:00
--input-switch-padding: 1px;
Reduce the size of the toggle switches
2022-11-18 11:54:49 +01:00
--input-height: 18px;
Set tertiary colors on buttons that don't need to be visible in a very dominant manner
2023-02-28 11:07:38 +01:00
--tertiary-background-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (2 * var(--value-step))));
--tertiary-border-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (3 * var(--value-step))));
Fix formatting
2023-04-28 14:25:03 +02:00
--tertiary-color: var(--input-text-color);
Set theme-color from the current selected theme.
2022-11-27 21:49:23 +01:00
/* Main theme color, hex color fallback. */
--theme-color-fallback: #673AB6;
Warn users about small image dimensions Show a warning if the user chooses width & height < 512px
2023-03-12 20:43:54 +01:00
--status-orange: rgb(200, 139, 0);
--status-green: green;
--status-red: red;
move (some) hardcoded colors to variables
2023-06-27 00:31:48 +02:00
--backdrop-color: rgba(32, 33, 36, 50%);
added fancy switches and updated the ui of the settings tab
2022-11-18 02:58:09 +01:00
}
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
.theme-light {
--background-color1: white;
Bring back the old style panels for image settings and modifiers
2022-11-09 09:13:43 +01:00
--background-color2: #ececec;
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
--background-color3: #e7e9eb;
--background-color4: #cccccc;
--text-color: black;
--input-text-color: black;
--input-background-color: #f8f9fa;
--input-border-color: grey;
Set theme-color from the current selected theme.
2022-11-27 21:49:23 +01:00
--theme-color-fallback: #aaaaaa;
Set tertiary colors on buttons that don't need to be visible in a very dominant manner
2023-02-28 11:07:38 +01:00
--tertiary-background-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (16.8 * var(--value-step))));
--tertiary-border-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (12 * var(--value-step))));
--accent-text-color: white;
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
}
.theme-discord {
--background-color1: #36393f;
--background-color2: #2f3136;
--background-color3: #292b2f;
--background-color4: #202225;
--accent-hue: 235;
--accent-lightness: 65%;
--input-border-size: 2px;
--input-background-color: #202225;
--input-border-color: var(--input-background-color);
Set theme-color from the current selected theme.
2022-11-27 21:49:23 +01:00
--theme-color-fallback: #202225;
Set tertiary colors on buttons that don't need to be visible in a very dominant manner
2023-02-28 11:07:38 +01:00
--tertiary-background-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (3.5 * var(--value-step))));
--tertiary-border-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (4.5 * var(--value-step))));
--accent-text-color: white;
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
}
.theme-cool-blue {
--main-hue: 222;
--main-saturation: 18%;
Bring back the old style panels for image settings and modifiers
2022-11-09 09:13:43 +01:00
--value-base: 18%;
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
--value-step: 3%;
--background-color1: hsl(var(--main-hue), var(--main-saturation), var(--value-base));
--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-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (3 * var(--value-step))));
Theme tweaks
2022-11-18 12:31:20 +01:00
--input-background-color: var(--background-color3);
Set theme-color from the current selected theme.
2022-11-27 21:49:23 +01:00
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
--accent-hue: 212;
Set theme-color from the current selected theme.
2022-11-27 21:49:23 +01:00
--theme-color-fallback: #0056b8;
Set tertiary colors on buttons that don't need to be visible in a very dominant manner
2023-02-28 11:07:38 +01:00
--tertiary-background-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (3.5 * var(--value-step))));
--tertiary-border-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (4.5 * var(--value-step))));
--accent-text-color: #f7fbff;
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
}
.theme-blurple {
--main-hue: 235;
--main-saturation: 18%;
--value-base: 16%;
--value-step: 3%;
--background-color1: hsl(var(--main-hue), var(--main-saturation), var(--value-base));
--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-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (3 * var(--value-step))));
Theme tweaks
2022-11-18 12:31:20 +01:00
--input-background-color: var(--background-color3);
Set theme-color from the current selected theme.
2022-11-27 21:49:23 +01:00
--theme-color-fallback: #5300b8;
Set tertiary colors on buttons that don't need to be visible in a very dominant manner
2023-02-28 11:07:38 +01:00
--tertiary-background-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (3.5 * var(--value-step))));
--tertiary-border-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (4.5 * var(--value-step))));
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
}
.theme-super-dark {
--main-hue: 222;
--main-saturation: 18%;
--value-base: 5%;
--value-step: 5%;
--background-color1: hsl(var(--main-hue), var(--main-saturation), var(--value-base));
--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))));
Bring back the old style panels for image settings and modifiers
2022-11-09 09:13:43 +01:00
--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (1.4 * var(--value-step))));
Theme tweaks
2022-11-18 12:31:20 +01:00
--input-background-color: var(--background-color3);
updated themes to work nicely with the new stuff
2022-11-18 05:15:39 +01:00
--input-border-size: 0px;
Set theme-color from the current selected theme.
2022-11-27 21:49:23 +01:00
--theme-color-fallback: #000000;
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
}
.theme-wild {
--main-hue: 128;
--main-saturation: 18%;
--value-base: 20%;
--value-step: 5%;
--background-color1: hsl(var(--main-hue), var(--main-saturation), var(--value-base));
--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-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (3 * var(--value-step))));
--accent-hue: 212;
--input-border-size: 1px;
--input-background-color: hsl(222, var(--main-saturation), calc(var(--value-base) - (2 * var(--value-step))));
Set theme-color from the current selected theme.
2022-11-27 21:49:23 +01:00
--input-text-color: #FF0000;
--input-border-color: #005E05;
Set tertiary colors on buttons that don't need to be visible in a very dominant manner
2023-02-28 11:07:38 +01:00
--tertiary-color: white;
--accent-text-color: #f7fbff;
Refactor the CSS and JS into separate files, attempt 1
2022-10-18 16:48:56 +02:00
}
added hamunii theme
2022-11-18 03:13:08 +01:00
Image Editor (#574) * started implementing hamunii's image editor, and added a hamunii theme * fixed so active tab is main tab * added some testing stuff for image ediotr * re-implemented canvas drawing myself. just need to add layer stuff now * moved everything to an image editor class and implement it so it actually works nicely now * fixed a couple weird bugs and cleaned up the background image and sharpness stuff * cleaned up a lot of stuff about the editor, added tools, buttons, made it mostly work in the current ui * added inpainting support * updated with more nice changes/updates to the inpainting and drawing editor * made some more fixes and touchups to the image editor * removed a bunch of semicolons * remove old image inpainting system * updated to work properly on mobile * made a minor bugfix * fixed img_size_box alignment * Update index.html Co-authored-by: cmdr2 <secondary.cmdr2@gmail.com> Co-authored-by: cmdr2 <shashank.shekhar.global@gmail.com>
2022-12-01 11:31:09 +01:00
updated hamunii theme name to gnomie
2022-11-18 07:25:55 +01:00
.theme-gnomie {
added hamunii theme
2022-11-18 03:13:08 +01:00
--background-color1: #242424;
--background-color2: #353535;
--background-color3: #494949;
--background-color4: #000000;
--accent-hue: 213;
Theme tweaks
2022-11-18 12:31:20 +01:00
--accent-lightness: 55%;
--accent-color: #2168bf;
added hamunii theme
2022-11-18 03:13:08 +01:00
--input-border-radius: 6px;
--input-text-color: #ffffff;
--input-background-color: #2a2a2a;
--input-border-size: 0px;
--input-border-color: var(--input-background-color);
Set theme-color from the current selected theme.
2022-11-27 21:49:23 +01:00
--theme-color-fallback: #2168bf;
added hamunii theme
2022-11-18 03:13:08 +01:00
}
Theme tweaks
2022-11-18 12:31:20 +01:00
.theme-gnomie .panel-box {
added hamunii theme
2022-11-18 03:13:08 +01:00
border: none;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
border-radius: 10px;
Warn users about small image dimensions Show a warning if the user chooses width & height < 512px
2023-03-12 20:43:54 +01:00
}
Reference in New Issue Copy Permalink