From e1e9c619e05cd55495ad8ac6a1f4323ef5ef6a95 Mon Sep 17 00:00:00 2001
From: Jarno Rankinen <jarno@oranki.net>
Date: Sat, 10 Feb 2024 18:55:14 +0200
Subject: [PATCH] Theme improvements

---
 static/css/dark-style.css   |  7 +++++++
 static/css/dark-style.scss  |  9 +++++++++
 static/css/light-style.css  |  3 +++
 static/css/light-style.scss |  4 ++++
 templates/index.html        | 15 ++++++++-------
 5 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/static/css/dark-style.css b/static/css/dark-style.css
index 1b94f96..ca43ecf 100644
--- a/static/css/dark-style.css
+++ b/static/css/dark-style.css
@@ -4,13 +4,20 @@
   --theme-color: #b5b5b5;
   --thin-color: #bd93f9;
   --title-color: #F8F8F2;
+  --section-title-color: #00d1b2;
   --subtitle-color: #d9d9d4; }
 
 .title {
   color: var(--title-color); }
 
+.section-title {
+  color: var(--section-title-color); }
+
 .subtitle {
   color: var(--subtitle-color); }
 
 .tag:not(body).is-primary {
   color: #2f2f2f; }
+
+.tag:not(body).is-success {
+  background-color: var(--section-title-color); }
diff --git a/static/css/dark-style.scss b/static/css/dark-style.scss
index 20db250..1bc6c71 100644
--- a/static/css/dark-style.scss
+++ b/static/css/dark-style.scss
@@ -2,6 +2,7 @@
   --theme-color: #b5b5b5;
   --thin-color: #bd93f9;
   --title-color: #F8F8F2;
+  --section-title-color: #00d1b2;
   --subtitle-color: #d9d9d4;
 }
 
@@ -12,10 +13,18 @@
   color: var(--title-color);
 }
 
+.section-title {
+  color: var(--section-title-color);
+}
+
 .subtitle {
   color: var(--subtitle-color);
 }
 
 .tag:not(body).is-primary {
   color: #2f2f2f;
+}
+
+.tag:not(body).is-success {
+  background-color: var(--section-title-color);
 }
\ No newline at end of file
diff --git a/static/css/light-style.css b/static/css/light-style.css
index 2bd13b5..82e10e8 100644
--- a/static/css/light-style.css
+++ b/static/css/light-style.css
@@ -92,3 +92,6 @@ body {
     page-break-inside: avoid; }
   html {
     color-adjust: exact; } }
+
+.tag:not(body).is-success {
+  background-color: var(--section-title-color); }
diff --git a/static/css/light-style.scss b/static/css/light-style.scss
index 7a71a7b..3a0ebae 100644
--- a/static/css/light-style.scss
+++ b/static/css/light-style.scss
@@ -5,3 +5,7 @@
 
 @import "bulma.css";
 @import 'base.scss';
+
+.tag:not(body).is-success {
+  background-color: var(--section-title-color);
+}
diff --git a/templates/index.html b/templates/index.html
index beb5bc4..b224c06 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -25,6 +25,7 @@
     <script>function printPage() {
         if ("{{ .Theme }}" == "dark") {
             alert("{{ translate "print_dark" $lang }}")
+            window.location.replace("/light")
         } else {
             window.print();
         }
@@ -85,7 +86,7 @@
 <section class="section">
     <div class="container">
         <div class="summary">
-            <div class="title is-size-5 has-text-primary has-text-weight-bold">
+            <div class="title section-title is-size-5 has-text-weight-bold">
                 {{ translate "summary" $lang }}
             </div>
             <div class="wrapper">{{ .Profile.Summary | html }}</div>
@@ -98,7 +99,7 @@
 
                 {{ with .Profile.Experience }}
                 <div class="experience">
-                    <div class="title is-size-5 has-text-primary has-text-weight-bold">
+                    <div class="title section-title is-size-5 has-text-weight-bold">
                         {{ translate "experience" $lang }}
                     </div>
 
@@ -132,7 +133,7 @@
 
                 {{ with .Profile.Education }}
                 <div class="education">
-                    <div class="title is-size-5 has-text-primary has-text-weight-bold">
+                    <div class="title section-title is-size-5 has-text-weight-bold">
                         {{ translate "education" $lang }}
                     </div>
 
@@ -160,7 +161,7 @@
             <div class="column">
                 {{ with .Profile.Projects }}
                 <div class="projects">
-                    <div class="title is-size-5 has-text-primary has-text-weight-bold">
+                    <div class="title section-title is-size-5 has-text-weight-bold">
                         {{ translate "projects" $lang }}
                     </div>
 
@@ -180,7 +181,7 @@
 
                 {{ with .Profile.Skills }}
                 <div class="skills item">
-                    <div class="title is-size-5 has-text-primary has-text-weight-bold">
+                    <div class="title section-title is-size-5 has-text-weight-bold">
                         {{ translate "skills" $lang }}
                     </div>
                     <div class="wrapper">
@@ -202,7 +203,7 @@
 
                 {{ with .Profile.Languages }}
                 <div class="languages item">
-                    <div class="title is-size-5 has-text-primary has-text-weight-bold">
+                    <div class="title section-title is-size-5 has-text-weight-bold">
                         {{ translate "languages" $lang }}
                     </div>
                     <div class="wrapper">
@@ -224,7 +225,7 @@
 
                 {{ with .Profile.Certificates }}
                 <div class="certificates item">
-                    <div class="title is-size-5 has-text-primary has-text-weight-bold">
+                    <div class="title section-title is-size-5 has-text-weight-bold">
                         {{ translate "certificates" $lang }}
                     </div>