Skip to content

Commit

Permalink
THEMES
Browse files Browse the repository at this point in the history
  • Loading branch information
@not-amplify
not-amplify authored Jan 17, 2025
2 parents ea26bbe + 3d228f1 commit 3079305
Show file tree
Hide file tree
Showing 2 changed files with 233 additions and 2 deletions.
232 changes: 230 additions & 2 deletions public/css/themes.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
:root.default {
--background-color: #000;
--header-active-background-color: rgba(140, 0, 255, 0.55);
--header-active-background-color: rgb(12 94 236 / 92%);
--header-hover-background-color: rgba(140, 0, 255, 0.13);
--input-background-color: #0a0a0a;
--border-color: #525252;
Expand Down Expand Up @@ -225,6 +225,82 @@
--dshadow4: #0abb59;
}

:root .emerald {
--background-color: #000;
--header-active-background-color: rgb(34 255 0 / 92%);
--header-hover-background-color: rgba(140, 0, 255, 0.13);
--input-background-color: #0a0a0a;
--border-color: #525252;
--text-color: #ffffff;
--hover-text-color: rgba(255, 255, 255, 0.49);
--active-text-color: rgba(255, 255, 255, 0.81);
--utility-background-color: rgb(22, 22, 22);
--utility-shadow-color: rgba(66, 66, 66, 0.86);
--hr-background: rgba(160, 160, 160, 0.274);
--navbar-background-color: rgb(22, 22, 22);
--page-text-color: rgba(82, 82, 82, 0.97);
--shortcut-background-color: #fff;
--shortcut-box-shadow: 0 0 20px 1px #fff;
--image-outline-color: #21ff00;
--button-background-color: #00ff63;
--button-gradient-color: linear-gradient(
304deg,
rgb(6 164 17) 0%,
#73ff00 100%
);
--scrolltop-background-color: rgba(32, 32, 32, 0.37);
--scrolltop-backdrop-filter: blur(10px);
--random-btn-background-color: #0a0a0a;
--random-btn-hover-background-color: rgb(25, 25, 25);
--random-btn-active-background-color: rgb(15, 15, 15);
--settingsection-background-color: #0c0c0c;
--settingsection-background-color-hover: #101010;
--link-hover-color: #00ff1a;
--settingsection-hr-background: rgba(255, 255, 255, 0.22);
--button-reg-background-color: rgb(22, 22, 22);
--button-reg-hover-background-color: rgb(25, 25, 25);
--button-reg-active-background-color: rgb(15, 15, 15);
--dropdown-background-color: rgb(22, 22, 22);
--dropdown-hover-background-color: rgb(25, 25, 25);
--panic-key-successful-color: #24b95b;
--panic-key-failed-color: #e20b41;
--failtoast-background: rgb(255, 0, 0);
--failtoast-gradient: linear-gradient(
165deg,
rgb(4 122 29) 0%,
#7cff00 45%
);
--toast-background: rgb(43, 255, 0);
--toast-gradient: linear-gradient(
165deg,
rgba(0, 255, 0, 0.145) 0%,
rgba(255, 255, 255, 0) 45%
);
--slider-background-color: #d84f68;
--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
--checkbox-background-color: rgb(255, 169, 250);
--checkbox-gradient: linear-gradient(
126deg,
rgb(0 245 80) 0%,
#60ff00 100%
);
--password-background-color: #252525;
--password-hover-background-color: #181818;

/* Widget */
--color-header: '#fff';
--accent-color: linear-gradient(
101deg,
#000dff7e 0%,
rgba(0, 81, 255, 0.401) 100%
) !important;
--color-header: #ff0000 !important;
--dshadow1: #1ffe00;
--dshadow2: #73ff00;
--dshadow3: #00ff1b;
--dshadow4: #13cc13;
}

:root .nightmare {
--background-color: #000;
--header-active-background-color: rgba(255, 8, 0, 0.55);
Expand Down Expand Up @@ -377,6 +453,82 @@
--dshadow4: #5a5a5a;
}

:root .sakura {
--background-color: #000;
--header-active-background-color: rgb(207 38 214 / 78%);
--header-hover-background-color: rgba(140, 0, 255, 0.13);
--input-background-color: #0a0a0a;
--border-color: #525252;
--text-color: #ffffff;
--hover-text-color: rgba(255, 255, 255, 0.49);
--active-text-color: rgba(255, 255, 255, 0.81);
--utility-background-color: rgb(22, 22, 22);
--utility-shadow-color: rgba(66, 66, 66, 0.86);
--hr-background: rgba(160, 160, 160, 0.274);
--navbar-background-color: rgb(22, 22, 22);
--page-text-color: rgba(82, 82, 82, 0.97);
--shortcut-background-color: #fff;
--shortcut-box-shadow: 0 0 20px 1px #fff;
--image-outline-color: #ff00e9;
--button-background-color: #f800ff;
--button-gradient-color: linear-gradient(
304deg,
rgb(160 0 245) 0%,
#d500ff 100%
);
--scrolltop-background-color: rgba(32, 32, 32, 0.37);
--scrolltop-backdrop-filter: blur(10px);
--random-btn-background-color: #0a0a0a;
--random-btn-hover-background-color: rgb(25, 25, 25);
--random-btn-active-background-color: rgb(15, 15, 15);
--settingsection-background-color: #0c0c0c;
--settingsection-background-color-hover: #101010;
--link-hover-color: #e800ff;
--settingsection-hr-background: rgba(255, 255, 255, 0.22);
--button-reg-background-color: rgb(22, 22, 22);
--button-reg-hover-background-color: rgb(25, 25, 25);
--button-reg-active-background-color: rgb(15, 15, 15);
--dropdown-background-color: rgb(22, 22, 22);
--dropdown-hover-background-color: rgb(25, 25, 25);
--panic-key-successful-color: #24b95b;
--panic-key-failed-color: #e20b41;
--failtoast-background: rgb(255, 0, 0);
--failtoast-gradient: linear-gradient(
165deg,
rgb(178 32 199) 0%,
#d500ff 45%
);
--toast-background: rgb(43, 255, 0);
--toast-gradient: linear-gradient(
165deg,
rgba(0, 255, 0, 0.145) 0%,
rgba(255, 255, 255, 0) 45%
);
--slider-background-color: #d84f68;
--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
--checkbox-background-color: rgb(255, 169, 250);
--checkbox-gradient: linear-gradient(
126deg,
rgb(214 0 245) 0%,
#b614ce 100%
);
--password-background-color: #252525;
--password-hover-background-color: #181818;

/* Widget */
--color-header: '#fff';
--accent-color: linear-gradient(
101deg,
#a600ff7e 0%,
rgb(194 0 255 / 40%) 100%
) !important;
--color-header: #ff0000 !important;
--dshadow1: #a600ff;
--dshadow2: #f200ff;
--dshadow3: #cc00ff;
--dshadow4: #aa66b4;
}

:root .supernova {
--background-color: #000;
--header-active-background-color: rgba(140, 175, 252, 0.55);
Expand Down Expand Up @@ -528,4 +680,80 @@
--dshadow2: #8c00ff;
--dshadow3: #b700ff;
--dshadow4: #8400ff;
}
}

:root .ocean {
--background-color: #000;
--header-active-background-color: rgba(0, 76, 255, 0.55);
--header-hover-background-color: rgba(140, 0, 255, 0.13);
--input-background-color: #0a0a0a;
--border-color: #525252;
--text-color: #ffffff;
--hover-text-color: rgba(255, 255, 255, 0.49);
--active-text-color: rgba(255, 255, 255, 0.81);
--utility-background-color: rgb(22, 22, 22);
--utility-shadow-color: rgba(66, 66, 66, 0.86);
--hr-background: rgba(160, 160, 160, 0.274);
--navbar-background-color: rgb(22, 22, 22);
--page-text-color: rgba(82, 82, 82, 0.97);
--shortcut-background-color: #fff;
--shortcut-box-shadow: 0 0 20px 1px #fff;
--image-outline-color: #0040ff;
--button-background-color: #0040ff;
--button-gradient-color: linear-gradient(
304deg,
rgb(0 21 245) 0%,
#0074ff 100%
);
--scrolltop-background-color: rgba(32, 32, 32, 0.37);
--scrolltop-backdrop-filter: blur(10px);
--random-btn-background-color: #0a0a0a;
--random-btn-hover-background-color: rgb(25, 25, 25);
--random-btn-active-background-color: rgb(15, 15, 15);
--settingsection-background-color: #0c0c0c;
--settingsection-background-color-hover: #101010;
--link-hover-color: #006bff;
--settingsection-hr-background: rgba(255, 255, 255, 0.22);
--button-reg-background-color: rgb(22, 22, 22);
--button-reg-hover-background-color: rgb(25, 25, 25);
--button-reg-active-background-color: rgb(15, 15, 15);
--dropdown-background-color: rgb(22, 22, 22);
--dropdown-hover-background-color: rgb(25, 25, 25);
--panic-key-successful-color: #24b95b;
--panic-key-failed-color: #e20b41;
--failtoast-background: rgb(255, 0, 0);
--failtoast-gradient: linear-gradient(
165deg,
rgb(0 21 245) 0%,
#0045ff 45%
);
--toast-background: rgb(43, 255, 0);
--toast-gradient: linear-gradient(
165deg,
rgba(0, 255, 0, 0.145) 0%,
rgba(255, 255, 255, 0) 45%
);
--slider-background-color: #d84f68;
--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
--checkbox-background-color: rgb(255, 169, 250);
--checkbox-gradient: linear-gradient(
126deg,
rgb(0 21 245) 0%,
#0045ff 100%
);
--password-background-color: #252525;
--password-hover-background-color: #181818;

/* Widget */
--color-header: '#fff';
--accent-color: linear-gradient(
101deg,
#000dff7e 0%,
rgba(0, 81, 255, 0.401) 100%
) !important;
--color-header: #ff0000 !important;
--dshadow1: #002fff;
--dshadow2: #001eff;
--dshadow3: #009dff;
--dshadow4: #001aff;
}
3 changes: 3 additions & 0 deletions public/~.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -476,8 +476,11 @@ <h1>Default Themes</h1>
<ul class="dropdown-menu">
<li class="hidden">Default</li>
<li>Aurora</li>
<li>Emerald</li>
<li>Nightmare</li>
<li>Midnight</li>
<li>Ocean</li>
<li>Sakura</li>
<li>Supernova</li>
</ul>
</div>
Expand Down

0 comments on commit 3079305

Please sign in to comment.