tweak colors and home heading

sprocketc · sprocketc · commit 58bbd31fef82 · 2025-07-17T13:18:01.000+03:00
diff --git a/docs/assets/stylesheets/extra.css b/docs/assets/stylesheets/extra.css
@@ -23,9 +23,9 @@
  }
   
 :root {
-    --md-primary-fg-color:        #AD1457;
-    --md-primary-fg-color--light: #EC407A;
-    --md-primary-fg-color--dark:  #880E4F;
+    --md-primary-fg-color:        #97124c;
+    --md-primary-fg-color--light: #c51e55;
+    --md-primary-fg-color--dark:  #6e0b40;
 }
 
 body {
diff --git a/theme/overrides/home.html b/theme/overrides/home.html
@@ -39,7 +39,7 @@
     flex-wrap: wrap;
   }
 
-  .tx-hero h2 {
+  .tx-hero h1 {
     margin-top: 0;
     color: white;
     font-size: 1.5em;
@@ -64,7 +64,7 @@
   }
 
   .tx-hero__tagline {
-    margin: 0;
+    margin-bottom: 10px;
     color: var(--md-footer-fg-color--lighter);
     font-weight: 700;
   }
@@ -108,7 +108,7 @@
       padding: 100px 18px 50px 50px;
     }
 
-    .tx-hero h2 {
+    .tx-hero h1 {
       margin-bottom: 1em;
       font-size: 2.5em;
     }
@@ -146,7 +146,7 @@
       <!-- Hero content -->
       <div class="tx-hero__content">
         <p class="tx-hero__tagline">Free - Open Source - Cross Platform</p>
-        <h2>{{ config.site_description }}</h2>
+        <h1>{{ config.site_description }}</h1>
 
         <a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | striptags }}"
           class="md-button md-button--primary">

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@`
`39`	`39`	`flex-wrap: wrap;`
`40`	`40`	`}`
`41`	`41`
`42`		`- .tx-hero h2 {`
	`42`	`+ .tx-hero h1 {`
`43`	`43`	`margin-top: 0;`
`44`	`44`	`color: white;`
`45`	`45`	`font-size: 1.5em;`
`@@ -64,7 +64,7 @@`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`.tx-hero__tagline {`
`67`		`- margin: 0;`
	`67`	`+ margin-bottom: 10px;`
`68`	`68`	`color: var(--md-footer-fg-color--lighter);`
`69`	`69`	`font-weight: 700;`
`70`	`70`	`}`
`@@ -108,7 +108,7 @@`
`108`	`108`	`padding: 100px 18px 50px 50px;`
`109`	`109`	`}`
`110`	`110`
`111`		`- .tx-hero h2 {`
	`111`	`+ .tx-hero h1 {`
`112`	`112`	`margin-bottom: 1em;`
`113`	`113`	`font-size: 2.5em;`
`114`	`114`	`}`
`@@ -146,7 +146,7 @@`
`146`	`146`	`<!-- Hero content -->`
`147`	`147`	`<div class="tx-hero__content">`
`148`	`148`	`<p class="tx-hero__tagline">Free - Open Source - Cross Platform</p>`
`149`		`- <h2>{{ config.site_description }}</h2>`
	`149`	`+ <h1>{{ config.site_description }}</h1>`
`150`	`150`
`151`	`151`	`<a href="{{ page.next_page.url \| url }}" title="{{ page.next_page.title \| striptags }}"`
`152`	`152`	`class="md-button md-button--primary">`