summaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
Diffstat (limited to 'assets')
-rw-r--r--assets/logo/light.css220
1 files changed, 220 insertions, 0 deletions
diff --git a/assets/logo/light.css b/assets/logo/light.css
new file mode 100644
index 0000000..ead5586
--- /dev/null
+++ b/assets/logo/light.css
@@ -0,0 +1,220 @@
+@media (prefers-color-scheme: light) {
+ body {
+ color: black !important;
+ background-color: #efefef !important;
+ }
+
+ #banner-lower {
+ background: #dddddd8a !important;
+ }
+
+ #timeline-container {
+ background: #dddddd8a !important;
+ border-top-color: rgba(0, 0, 0, .1) !important;
+ }
+
+ #timeline a, .new-homepage-system-title, .new-homepage-link, .home-legacy, .member-card-name, .member-card-prefix, .member-card-prefix code, #navigation-pane *, #mobile-navigation-box-container *, .member-link, .relation-intro, .system-action, #member-banner code, #system-info a {
+ color: black !important;
+ }
+
+ .timeline-indicator {
+ border-right-color: rgba(0, 0, 0, .5) !important;
+ }
+
+ .home-legacy-icon, #explicit-modal img {
+ filter: invert(1);
+ }
+
+ #hpd-legacy, .hpd-item-card {
+ background-color: rgba(0, 0, 0, .05) !important;
+ }
+
+ .hpd-item-card:hover {
+ background-color: rgba(0, 0, 0, .1) !important;
+ }
+
+ .hpd-item-card:active {
+ background-color: rgba(0, 0, 0, .15) !important;
+ }
+
+ #navigation-pane {
+ background-color: #ddd !important;
+ border-right: 1px solid rgba(0, 0, 0, .1) !important;
+ }
+
+ #mobile-navigation {
+ background-color: #ddd !important;
+ border-top: 1px solid rgba(0, 0, 0, .1) !important;
+ }
+
+ .dropdown-icon, #login-link img, .alert, .btn-close, .relation img, .text-danger, .text-success, .form-select, .ck-toolbar, .form-check-input, .system-action img, #member-designs-inner img, .form-control, .list-group-item img {
+ filter: none !important;
+ }
+
+ #login-link, #pane-header, .pane-group {
+ border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
+ }
+
+ .pane-group-category {
+ background: rgba(0, 0, 0, .025) !important;
+ border: 1px solid rgba(0, 0, 0, .05) !important;
+ }
+
+ .pane-group-item:hover, .mobile-navigation-item:hover {
+ background-color: rgba(0, 0, 0, .05);
+ }
+
+ .mobile-navigation-item:active, .mobile-navigation-item.open {
+ background-color: rgba(0, 0, 0, .1);
+ }
+
+ #mobile-navigation-box-container {
+ background-color: rgba(255, 255, 255, .5) !important;
+ }
+
+ #page-content a {
+ color: #0d6efd;
+ }
+
+ #btn-on {
+ background: hsl(0, 80%, 75%) !important;
+ }
+
+ .modal-backdrop {
+ background-color: #fff !important;
+ }
+
+ .modal-header, #explicit-modal .modal-header {
+ border-bottom: 1px solid #dee2e6 !important;
+ }
+
+ .modal-content, #explicit-modal .modal-content {
+ background-color: #fff !important;
+ border: 1px solid rgba(0,0,0,.2) !important;
+ }
+
+ .relation {
+ background-color: rgba(0, 0, 0, .05) !important;
+ }
+
+ .relation-intro {
+ background-color: rgba(0, 0, 0, .025) !important;
+ border-right: 1px solid rgba(0, 0, 0, .05) !important;
+ }
+
+ .card {
+ background-color: #fff !important;
+ border: 1px solid rgba(0,0,0,.125) !important;
+ color: black;
+ }
+
+ .list-group-item {
+ color: #212529 !important;
+ background-color: #fff !important;
+ border-color: rgba(0,0,0,.125) !important;
+ }
+
+ .list-group-item-action:focus, .list-group-item-action:hover {
+ color: #495057 !important;
+ background-color: #f8f9fa !important;
+ }
+
+ .btn-outline-light, #page-content .btn-outline-light {
+ color: #212529 !important;
+ border-color: #212529 !important;
+ }
+
+ .btn-outline-light:hover, #page-content .btn-outline-light:hover {
+ color: #fff !important;
+ background-color: #212529 !important;
+ border-color: #212529 !important;
+ }
+
+ .btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active, #page-content .btn-outline-light:active {
+ color: #fff !important;
+ background-color: #212529 !important;
+ border-color: #212529 !important;
+ }
+
+ .form-control {
+ color: #212529 !important;
+ background-color: #fff !important;
+ background-clip: padding-box !important;
+ border: 1px solid #ced4da !important;
+ }
+
+ .contact-item {
+ background-color: #ddd;
+ }
+
+ .contact-method {
+ background-color: #ccc;
+ }
+
+ .dropdown-menu {
+ background-color: #fff !important;
+ }
+
+ .dropdown-item {
+ color: #212529 !important;
+ opacity: 1 !important;
+ }
+
+ .dropdown-item:focus, .dropdown-item:hover {
+ color: #1e2125 !important;
+ background-color: #e9ecef !important;
+ }
+
+ .day-gradient {
+ color: white;
+ }
+
+ #system-banner-inner, #member-banner-inner {
+ background: linear-gradient(180deg, rgba(239,239,239,0) 0%, rgba(239,239,239,.25) 50%, rgba(239,239,239,1) 100%) !important;
+ }
+
+ #system-page, #member-page {
+ background-color: rgba(226,226,226,0.8) !important;
+ }
+
+ .system-info-system {
+ background-color: rgba(0, 0, 0, .05) !important;
+ }
+
+ #system-actions {
+ background-color: rgba(0, 0, 0, .025) !important;
+ }
+
+ .system-action:hover {
+ background: rgba(0, 0, 0, .05) !important;
+ }
+
+ #member-designs-inner {
+ background-color: rgba(20, 20, 20, .05) !important;
+ }
+
+ .btn-dark {
+ color: #000 !important;
+ background-color: #f8f9fa !important;
+ border-color: #f8f9fa !important;
+ }
+
+ .btn-dark:hover {
+ color: #000 !important;
+ background-color: #f9fafb !important;
+ border-color: #f9fafb !important;
+ }
+
+ .btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle {
+ color: #000 !important;
+ background-color: #f9fafb !important;
+ border-color: #f9fafb !important;
+ }
+
+ .btn-check:focus+.btn-dark, .btn-dark:focus {
+ color: #000 !important;
+ background-color: #f9fafb !important;
+ border-color: #f9fafb !important;
+ box-shadow: 0 0 0 0.25rem rgba(211,212,213,.5) !important;
+ }
+} \ No newline at end of file
© Floofi Systems, Some rights reserved. Powered by cgit.