From e69d1dda48f14a4fd8873e9638a60767e7076341 Mon Sep 17 00:00:00 2001 From: ilestis Date: Thu, 31 Oct 2024 11:48:21 -0600 Subject: [PATCH] Fix dark --- .../Caches/Traits/Campaign/StyleCache.php | 6 +- resources/js/campaigns/theme-builder.js | 2 + resources/sass/campaign.scss | 4 +- resources/sass/footer.scss | 8 --- resources/sass/themes/dark.scss | 72 +++++++++---------- resources/views/cruds/fields/name.blade.php | 2 +- resources/views/cruds/fields/title.blade.php | 2 +- resources/views/cruds/fields/type.blade.php | 2 +- resources/views/layouts/app.blade.php | 8 ++- 9 files changed, 52 insertions(+), 54 deletions(-) diff --git a/app/Services/Caches/Traits/Campaign/StyleCache.php b/app/Services/Caches/Traits/Campaign/StyleCache.php index d6f0768ae0..a0d4e4c260 100644 --- a/app/Services/Caches/Traits/Campaign/StyleCache.php +++ b/app/Services/Caches/Traits/Campaign/StyleCache.php @@ -13,12 +13,16 @@ public function styles(): string { $key = $this->stylesKey(); if ($this->has($key)) { - return (string) $this->get($key); + //return (string) $this->get($key); } $css = "/**\n * Campaign Styles for campaign #" . $this->campaign->id . "\n */\n\n"; foreach ($this->campaign->styles()->enabled()->defaultOrder()->get() as $style) { /** @var CampaignStyle $style */ + if ($style->isTheme()) { + $css .= "/** Theme builder #" . $style->id . " */\n@layer theme {\n" . $style->content() . "\n}\n"; + continue; + } $css .= "/** Style " . $style->name . "#" . $style->id . " */\n" . $style->content() . "\n"; } diff --git a/resources/js/campaigns/theme-builder.js b/resources/js/campaigns/theme-builder.js index 06e2ec5e80..54e713f10c 100644 --- a/resources/js/campaigns/theme-builder.js +++ b/resources/js/campaigns/theme-builder.js @@ -92,7 +92,9 @@ const updateColour = (colour, target) => { const change = (variable, value) => { theme[variable] = value; + //theme['tb-' + variable] = value; document.documentElement.style.setProperty('--' + variable, value); + //document.documentElement.style.setProperty('--tb-' + variable, value); }; const contrast = (hsl, percentage = 0.8) => { diff --git a/resources/sass/campaign.scss b/resources/sass/campaign.scss index 7372c2e5b1..e52ec2465f 100644 --- a/resources/sass/campaign.scss +++ b/resources/sass/campaign.scss @@ -36,8 +36,8 @@ } .module-enabled { .header { - background-color: hsl(var(--su)/1); - color: hsl(var(--suc)/1); + background-color: hsl(var(--p)/1); + color: hsl(var(--pc)/1); } .module-actions { .btn-module-enable { diff --git a/resources/sass/footer.scss b/resources/sass/footer.scss index 771d2dfcc4..56243c33d7 100644 --- a/resources/sass/footer.scss +++ b/resources/sass/footer.scss @@ -2,14 +2,6 @@ * Everything related to the default footer */ footer { - img.logo-white { - display: var(--footer-logo-white, none); - } - - img.logo-blue { - display: var(--footer-logo-blue, unset); - } - ul { li { a { diff --git a/resources/sass/themes/dark.scss b/resources/sass/themes/dark.scss index 517e2ce2b1..c69717970a 100644 --- a/resources/sass/themes/dark.scss +++ b/resources/sass/themes/dark.scss @@ -4,10 +4,6 @@ accent-color: hsl(var(--a)/1); } :root { - // Use the light kanka logo in the footer - --footer-logo-blue: none; - --footer-logo-white: inline; - // General background color --base: 240 21% 15%; --crust: 240 23% 9%; @@ -35,9 +31,9 @@ --suc: var(--text); --wac: var(--text); --erc: var(--text); - --p: var(--subtext1); - --pc: var(--subtext0); - --pf: var(--subtext1); + --p: 287 84% 81%; + --pc: 287 78% 1%; + --pf: 287 88% 62%; --s: 316 70% 50%; --sc: var(--text); --a: 175 70% 41%; @@ -54,36 +50,36 @@ --sif: var(--surface1); } - .btn2 { - --b2: var(--surface0); - --b3: var(--surface1); - } - .btn2.btn-primary { - --p: var(--surface0); - --pf: var(--surface1); - --pc: var(--text); - } - .btn-default { - --b2: var(--b3); - } - .quick-creator-subform { - --border-btn: 1px; - } - a { - --p: var(--mauve); - --pf: var(--pink); - } - dialog { - --b1: var(--b3); - } - input { - --p: var(--mauve); - --pc: var(--b3); - } - .achievements { - --p: var(--surface0); - --wac: var(--surface0); - } + //.btn2 { + // --b2: var(--surface0); + // --b3: var(--surface1); + //} + //.btn2.btn-primary { + // --p: var(--surface0); + // --pf: var(--surface1); + // --pc: var(--text); + //} + //.btn-default { + // --b2: var(--b3); + //} + //.quick-creator-subform { + // --border-btn: 1px; + //} + //a { + // --p: var(--mauve); + // --pf: var(--pink); + //} + //dialog { + // --b1: var(--b3); + //} + //input { + // --p: var(--mauve); + // --pc: var(--b3); + //} + //.achievements { + // --p: var(--surface0); + // --wac: var(--surface0); + //} } /*.btn2.btn-primary, .btn2.btn-accent, .btn2.btn-error, .btn2.btn-warning { --tw-bg-opacity: 0; @@ -92,7 +88,7 @@ }*/ .alert { border: 1px solid var(--alert-bg); - --alert-bg: hsl(var(--b2)/1); + --alert-bg: hsl(var(--b1)/1); } /*.btn2.btn-outline { border: none; diff --git a/resources/views/cruds/fields/name.blade.php b/resources/views/cruds/fields/name.blade.php index 3b718ade76..bdb1ae78f4 100644 --- a/resources/views/cruds/fields/name.blade.php +++ b/resources/views/cruds/fields/name.blade.php @@ -10,7 +10,7 @@ data-type="{{ \Illuminate\Support\Str::singular($trans) }}" data-duplicate=".duplicate-warning" data-1p-ignore="true" data-id="{{ $model->entity->id ?? null }}" @if ($required) required="required" @endif - value="{!! htmlspecialchars(old('name', $model->name ?? '')) !!}" /> + value="{!! str_replace('&', '&', htmlspecialchars(old('name', $model->name ?? ''))) !!}" />