From df7c9ce3fd4068bb2775cb71d653b79f05a65184 Mon Sep 17 00:00:00 2001 From: bobmagicii Date: Thu, 3 Oct 2024 20:29:11 +0000 Subject: [PATCH] thusfar --- app/www/themes/default/area/blog/view.phtml | 10 ++++---- .../themes/default/css/src/elements/blog.css | 23 +++++++++++++++---- app/www/themes/default/css/styles.css | 23 +++++++++++++++---- 3 files changed, 41 insertions(+), 15 deletions(-) diff --git a/app/www/themes/default/area/blog/view.phtml b/app/www/themes/default/area/blog/view.phtml index e2a7af7..05ca313 100755 --- a/app/www/themes/default/area/blog/view.phtml +++ b/app/www/themes/default/area/blog/view.phtml @@ -32,11 +32,11 @@ use Nether\User; // these should be set in then pulled from the blog settings. $CSSVars = new Common\Datastore([ - '--atl-blog-bg0' => 'var(--theme-grey-lt)', // graphic wash tone - '--atl-blog-bg1' => 'var(--theme-orange)', // titlebar bg colour - '--atl-blog-fg1' => 'var(--theme-black)', // titlebar text colour - '--atl-blog-bg2' => 'var(--theme-grey-lt)', // hr bg colour2 - '--atl-blog-fg2' => 'var(--theme-black)' // ... + '--atl-blog-bg0' => 'var(--theme-grey-lt)', // graphic wash tone + '--atl-blog-bg1' => 'var(--theme-orange)', // titlebar bg colour + '--atl-blog-bg2' => 'var(--theme-grey-lt)', // titlebar bg colour2 + '--atl-blog-fg1' => 'var(--theme-black)', // titlebar text colour + '--atl-blog-fgh4' => 'var(--theme-orange-alt)' // h4 text colour ]); $CSSVars->RemapKeyValue(fn(string $K, string $V)=> "{$K}: {$V};"); diff --git a/app/www/themes/default/css/src/elements/blog.css b/app/www/themes/default/css/src/elements/blog.css index 151f7a7..afdcac6 100755 --- a/app/www/themes/default/css/src/elements/blog.css +++ b/app/www/themes/default/css/src/elements/blog.css @@ -11,6 +11,13 @@ --atl-blog-bg2: var(--theme-white); --atl-blog-fg2: var(--theme-black); + --atl-blog-fgh1: var(--theme-white); + --atl-blog-fgh2: var(--theme-white); + --atl-blog-fgh3: var(--theme-white); + --atl-blog-fgh4: var(--theme-white); + --atl-blog-fgh5: var(--theme-white); + --atl-blog-fgh6: var(--theme-white); + } /* the widget in its entirety */ @@ -93,10 +100,16 @@ opacity: 1.0; } -.atl-blog-post-container h4 { - color: var(--atl-blog-bg1); -} - -.atl-blog-post-container h4 hr { +.atl-blog-post-container h1 { color: var(--atl-blog-fgh1); } +.atl-blog-post-container h2 { color: var(--atl-blog-fgh2); } +.atl-blog-post-container h3 { color: var(--atl-blog-fgh3); } +.atl-blog-post-container h4 { color: var(--atl-blog-fgh4); } +.atl-blog-post-container h5 { color: var(--atl-blog-fgh5); } +.atl-blog-post-container h6 { color: var(--atl-blog-fgh6); } + +.atl-blog-post-container h3 hr, +.atl-blog-post-container h4 hr, +.atl-blog-post-container h5 hr, +.atl-blog-post-container h6 hr { display: none; } diff --git a/app/www/themes/default/css/styles.css b/app/www/themes/default/css/styles.css index 5a701bf..8072cd6 100755 --- a/app/www/themes/default/css/styles.css +++ b/app/www/themes/default/css/styles.css @@ -1,5 +1,5 @@ /*// -@date 2024-10-03 20:21:03 UTC +@date 2024-10-03 20:28:31 UTC @files 43 [ "src\/imports.css", "src\/main.css", @@ -2958,6 +2958,13 @@ is being used and then prefixing all these with that theme name, if i recall. */ --atl-blog-bg2: var(--theme-white); --atl-blog-fg2: var(--theme-black); + --atl-blog-fgh1: var(--theme-white); + --atl-blog-fgh2: var(--theme-white); + --atl-blog-fgh3: var(--theme-white); + --atl-blog-fgh4: var(--theme-white); + --atl-blog-fgh5: var(--theme-white); + --atl-blog-fgh6: var(--theme-white); + } /* the widget in its entirety */ @@ -3040,11 +3047,17 @@ is being used and then prefixing all these with that theme name, if i recall. */ opacity: 1.0; } -.atl-blog-post-container h4 { - color: var(--atl-blog-bg1); -} +.atl-blog-post-container h1 { color: var(--atl-blog-fgh1); } +.atl-blog-post-container h2 { color: var(--atl-blog-fgh2); } +.atl-blog-post-container h3 { color: var(--atl-blog-fgh3); } +.atl-blog-post-container h4 { color: var(--atl-blog-fgh4); } +.atl-blog-post-container h5 { color: var(--atl-blog-fgh5); } +.atl-blog-post-container h6 { color: var(--atl-blog-fgh6); } -.atl-blog-post-container h4 hr { +.atl-blog-post-container h3 hr, +.atl-blog-post-container h4 hr, +.atl-blog-post-container h5 hr, +.atl-blog-post-container h6 hr { display: none; }