From 5eb6a557c44462e7d9d752f3bc97a078ef205bc0 Mon Sep 17 00:00:00 2001 From: RaindropsSys Date: Tue, 11 Jul 2023 12:17:50 +0200 Subject: Updated 7 files and added assets/logo/light.css (automated) --- assets/logo/light.css | 220 ++++++++++++++++++++++++++++++++++++++ includes/components/header.inc | 2 + includes/components/sysbanner.inc | 2 +- includes/components/timeline.inc | 56 +++++----- includes/fragments/member.inc | 4 +- includes/util/functions.inc | 4 +- includes/util/homepage.inc | 2 +- pages/home.inc | 15 +-- 8 files changed, 264 insertions(+), 41 deletions(-) create mode 100644 assets/logo/light.css 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 diff --git a/includes/components/header.inc b/includes/components/header.inc index 234b518..5179d54 100644 --- a/includes/components/header.inc +++ b/includes/components/header.inc @@ -54,6 +54,7 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/util/functions.inc"; + @@ -61,6 +62,7 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/util/functions.inc"; <?= $title && $title !== "-" ? $title . " · " : "" ?>Cold Haze .png" type="image/png"> + diff --git a/includes/components/sysbanner.inc b/includes/components/sysbanner.inc index 26a049e..30babf0 100644 --- a/includes/components/sysbanner.inc +++ b/includes/components/sysbanner.inc @@ -13,7 +13,7 @@ $pages = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/pa ?> -
padding-top: 15px;"> +
padding-top: 15px;">
diff --git a/includes/components/timeline.inc b/includes/components/timeline.inc index 1a34550..3766073 100644 --- a/includes/components/timeline.inc +++ b/includes/components/timeline.inc @@ -6,23 +6,23 @@ function displayTimeline($systems) { global $app; $showIcons = count($systems) > - - - - - - - + + + + + + + - - - - - - - + + + + + + + @@ -70,23 +70,23 @@ function displayTimeline($systems) { global $app; $showIcons = count($systems) > - 6 hours ago - 5 hours ago - 4 hours ago - 3 hours ago - 2 hours ago - 1 hour ago - Now + 6 hours ago + 5 hours ago + 4 hours ago + 3 hours ago + 2 hours ago + 1 hour ago + Now - -6h - -5h - -4h - -3h - -2h - -1h - Now + -6h + -5h + -4h + -3h + -2h + -1h + Now diff --git a/includes/fragments/member.inc b/includes/fragments/member.inc index 476b748..9ebb4c2 100644 --- a/includes/fragments/member.inc +++ b/includes/fragments/member.inc @@ -152,8 +152,8 @@ if (file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/ponies/" . $memberID . ".pn
; padding-bottom: 0 !important;"> -
-
+
+
$design): if (isset($design)): ?>
diff --git a/includes/util/functions.inc b/includes/util/functions.inc index 8b22709..8a8c4f8 100644 --- a/includes/util/functions.inc +++ b/includes/util/functions.inc @@ -336,8 +336,8 @@ if (!function_exists("showMembersFromList")) { foreach ($list as $member) { if ($member['name'] !== "unknown" && $member['name'] !== "fusion") { echo('
-
' . ($member['display_name'] ?? $member['name']) . '
-
' . (isset($member['travelling']) && $member['travelling'] ? "+" . ($member['proxy_tags'][0]['prefix'] ?? " ") : ($member['proxy_tags'][0]['prefix'] ?? " ")) . '
+
' . ($member['display_name'] ?? $member['name']) . '
+
' . (isset($member['travelling']) && $member['travelling'] ? "+" . ($member['proxy_tags'][0]['prefix'] ?? " ") : ($member['proxy_tags'][0]['prefix'] ?? " ")) . '
'); }} } diff --git a/includes/util/homepage.inc b/includes/util/homepage.inc index 3f4520d..1846cba 100644 --- a/includes/util/homepage.inc +++ b/includes/util/homepage.inc @@ -19,7 +19,7 @@ function newHomepage($id, $page, $title) {
-
+
- -

Pony Legacy
+ +

Pony Legacy
@@ -51,10 +51,10 @@ function members() { global $isLoggedIn; global $isLowerLoggedIn; global $app; ? $id = substr($id, 0, -5); $member = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/legacy/" . $id . ".json"), true); - echo('