thusfar

netherphp · Oct 3, 2024 · df7c9ce · df7c9ce
1 parent e845dc1
commit df7c9ce
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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;
 }