From 262f3fa1f96eb0caae77fe1c3514fc77b09533bc Mon Sep 17 00:00:00 2001 From: hyzen Date: Tue, 3 Mar 2026 18:03:12 +0530 Subject: [PATCH] Update: theme switch button --- docs/404.html | 5 +- docs/blog/index.html | 5 +- docs/blog/what-is-education/index.html | 5 +- docs/categories/index.html | 5 +- docs/categories/philosophy/index.html | 5 +- docs/coming-soon/index.html | 5 +- docs/contact/index.html | 5 +- docs/css/custom.css | 63 +++++++++++++++++++------- docs/index.html | 5 +- docs/login/index.html | 5 +- docs/services/file-share/index.html | 5 +- docs/services/index.html | 5 +- docs/services/xmpp-account/index.html | 5 +- docs/signup/index.html | 5 +- docs/tags/academics/index.html | 5 +- docs/tags/education/index.html | 5 +- docs/tags/index.html | 5 +- docs/tags/system/index.html | 5 +- layouts/_default/baseof.html | 5 +- layouts/baseof.html | 5 +- layouts/coming-soon/baseof.html | 5 +- layouts/login/baseof.html | 5 +- layouts/services/baseof.html | 5 +- layouts/signup/baseof.html | 5 +- static/css/custom.css | 63 +++++++++++++++++++------- 25 files changed, 140 insertions(+), 101 deletions(-) diff --git a/docs/404.html b/docs/404.html index aad5200..3860f66 100644 --- a/docs/404.html +++ b/docs/404.html @@ -1,7 +1,6 @@ 404 Page not found | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/blog/index.html b/docs/blog/index.html index 212fd3e..c7f4b01 100644 --- a/docs/blog/index.html +++ b/docs/blog/index.html @@ -1,7 +1,6 @@ Blogs | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/blog/what-is-education/index.html b/docs/blog/what-is-education/index.html index 5524634..eb13a09 100644 --- a/docs/blog/what-is-education/index.html +++ b/docs/blog/what-is-education/index.html @@ -8,9 +8,8 @@ Academics system has evolved with time and got worst. Let’s see what the syste Ratio of components in Education: # 50% Knowledge/Understanding, 30% Skills, 20% Experience. Education vs Academics: # Education and Academics are not the same thing. Academics is Education based of a curriculum and an institution. Plato discovered the word while describing his school of philosophy. Academics system has evolved with time and got worst. Let’s see what the system has become nowadays: # Wrong ratio of knowledge, skill, experience (knowledge takes about 90%). Generalised curriculum for all students. Extra bad: # Goals are only bound to exams/grades, degree or certifications (year 1088), then getting jobs. Unhealthy pressure and competition for students. Money game. Politics. Education as a concept/implementation/system is good. Academics is good only as a concept. It’s implementation and system is always the worst and corrupted.">
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/categories/index.html b/docs/categories/index.html index 7620fe1..ad666da 100644 --- a/docs/categories/index.html +++ b/docs/categories/index.html @@ -1,7 +1,6 @@ Categories | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/categories/philosophy/index.html b/docs/categories/philosophy/index.html index 1d00a0a..a004bb4 100644 --- a/docs/categories/philosophy/index.html +++ b/docs/categories/philosophy/index.html @@ -1,7 +1,6 @@ Philosophy | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/coming-soon/index.html b/docs/coming-soon/index.html index 2751a01..ca5fe07 100644 --- a/docs/coming-soon/index.html +++ b/docs/coming-soon/index.html @@ -1,7 +1,6 @@ Coming Soon | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/contact/index.html b/docs/contact/index.html index 0f56b34..f53eda8 100644 --- a/docs/contact/index.html +++ b/docs/contact/index.html @@ -11,9 +11,8 @@ Contacts # Email and XMPP: hyzen@freedoms4.org IRC/Liberachat: hyzen, #freedoms4 Follow on # Mastodon: hyzen@mastodon.social Lemmy: hyzen@lemmy.today">
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/css/custom.css b/docs/css/custom.css index 6490484..35659c2 100644 --- a/docs/css/custom.css +++ b/docs/css/custom.css @@ -189,6 +189,9 @@ /* Mobile */ @media (max-width: 600px) { + .brand__actions { + gap: 0.16rem; + } .rss-subscribe__link { background-color: transparent !important; color: var(--foreground-color) !important; @@ -309,44 +312,72 @@ display: inline-flex; align-items: center; justify-content: center; - padding: 0.2rem 0.4rem; - border-radius: 3px; - border: 1px solid currentColor; - background: transparent; + padding: 0.2rem; + border: none; + background: none; color: var(--foreground-color); cursor: pointer; - font-size: 0.7rem; - line-height: 1.4; - transition: - background-color 0.2s ease, - color 0.2s ease; + line-height: 1; + transition: opacity 0.2s ease; } .theme-toggle:hover { - background-color: var(--foreground-color); - color: var(--background-color); + opacity: 0.6; } -/* Show sun in dark mode (click to go light), moon in light mode (click to go dark) */ +.theme-toggle__text--light, +.theme-toggle__text--dark { + display: none !important; +} + +/* Default (system light): moon icon + "Dark" label */ .theme-toggle__sun { display: none; } .theme-toggle__moon { display: block; } +/* Desktop icon size */ +.theme-toggle svg { + width: 16.5px; + height: 16.5px; +} +.theme-toggle__text--light { display: none; } +.theme-toggle__text--dark { display: inline; } + +/* System dark (no data-theme): sun icon + "Light" label */ +@media (prefers-color-scheme: dark) { + .theme-toggle__sun { display: block; } + .theme-toggle__moon { display: none; } + .theme-toggle__text--light { display: inline; } + .theme-toggle__text--dark { display: none; } +} + +/* Manual dark: sun icon + "Light" label */ [data-theme="dark"] .theme-toggle__sun { display: block; } [data-theme="dark"] .theme-toggle__moon { display: none; } +[data-theme="dark"] .theme-toggle__text--light { display: inline; } +[data-theme="dark"] .theme-toggle__text--dark { display: none; } +/* Manual light: moon icon + "Dark" label */ [data-theme="light"] .theme-toggle__sun { display: none; } [data-theme="light"] .theme-toggle__moon { display: block; } +[data-theme="light"] .theme-toggle__text--light { display: none; } +[data-theme="light"] .theme-toggle__text--dark { display: inline; } /* Match size to other buttons on mobile */ @media (max-width: 600px) { .theme-toggle { - width: 1.6rem; - height: 1.6rem; + width: 2.3rem; + height: 2.3rem; box-sizing: border-box; padding: 0; } - .theme-toggle__text { - display: none; + .theme-toggle svg { + width: 16.5px; + height: 16.5px; + } + + .theme-toggle__text--light, + .theme-toggle__text--dark { + display: none !important; } } diff --git a/docs/index.html b/docs/index.html index 8a07e7b..0768174 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,7 +1,6 @@ Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/login/index.html b/docs/login/index.html index f498050..ff38e28 100644 --- a/docs/login/index.html +++ b/docs/login/index.html @@ -1,7 +1,6 @@ Coming soon! | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/services/file-share/index.html b/docs/services/file-share/index.html index 77d6601..006476b 100644 --- a/docs/services/file-share/index.html +++ b/docs/services/file-share/index.html @@ -1,7 +1,6 @@ File share | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/services/index.html b/docs/services/index.html index 61937df..a9d4f35 100644 --- a/docs/services/index.html +++ b/docs/services/index.html @@ -1,7 +1,6 @@ Services | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/services/xmpp-account/index.html b/docs/services/xmpp-account/index.html index 8045261..fdad933 100644 --- a/docs/services/xmpp-account/index.html +++ b/docs/services/xmpp-account/index.html @@ -1,7 +1,6 @@ XMPP Account | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/signup/index.html b/docs/signup/index.html index 1b6b39f..c179f52 100644 --- a/docs/signup/index.html +++ b/docs/signup/index.html @@ -1,7 +1,6 @@ Coming soon! | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/tags/academics/index.html b/docs/tags/academics/index.html index 239b5bd..b664a44 100644 --- a/docs/tags/academics/index.html +++ b/docs/tags/academics/index.html @@ -1,7 +1,6 @@ Academics | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/tags/education/index.html b/docs/tags/education/index.html index e52cb8c..a905a7b 100644 --- a/docs/tags/education/index.html +++ b/docs/tags/education/index.html @@ -1,7 +1,6 @@ Education | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/tags/index.html b/docs/tags/index.html index a0f2644..baab526 100644 --- a/docs/tags/index.html +++ b/docs/tags/index.html @@ -1,7 +1,6 @@ Tags | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/docs/tags/system/index.html b/docs/tags/system/index.html index 92b2bf0..b704ea3 100644 --- a/docs/tags/system/index.html +++ b/docs/tags/system/index.html @@ -1,7 +1,6 @@ System | Freedoms4
Freedoms4 logo

Freedoms4

+ +
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 0d3bedc..c4c007d 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -14,9 +14,8 @@

Freedoms4

diff --git a/layouts/baseof.html b/layouts/baseof.html index 0d3bedc..c4c007d 100644 --- a/layouts/baseof.html +++ b/layouts/baseof.html @@ -14,9 +14,8 @@

Freedoms4

diff --git a/layouts/coming-soon/baseof.html b/layouts/coming-soon/baseof.html index 0d3bedc..c4c007d 100644 --- a/layouts/coming-soon/baseof.html +++ b/layouts/coming-soon/baseof.html @@ -14,9 +14,8 @@

Freedoms4

diff --git a/layouts/login/baseof.html b/layouts/login/baseof.html index 0d3bedc..c4c007d 100644 --- a/layouts/login/baseof.html +++ b/layouts/login/baseof.html @@ -14,9 +14,8 @@

Freedoms4

diff --git a/layouts/services/baseof.html b/layouts/services/baseof.html index 0d3bedc..c4c007d 100644 --- a/layouts/services/baseof.html +++ b/layouts/services/baseof.html @@ -14,9 +14,8 @@

Freedoms4

diff --git a/layouts/signup/baseof.html b/layouts/signup/baseof.html index 0d3bedc..c4c007d 100644 --- a/layouts/signup/baseof.html +++ b/layouts/signup/baseof.html @@ -14,9 +14,8 @@

Freedoms4

diff --git a/static/css/custom.css b/static/css/custom.css index 6490484..35659c2 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -189,6 +189,9 @@ /* Mobile */ @media (max-width: 600px) { + .brand__actions { + gap: 0.16rem; + } .rss-subscribe__link { background-color: transparent !important; color: var(--foreground-color) !important; @@ -309,44 +312,72 @@ display: inline-flex; align-items: center; justify-content: center; - padding: 0.2rem 0.4rem; - border-radius: 3px; - border: 1px solid currentColor; - background: transparent; + padding: 0.2rem; + border: none; + background: none; color: var(--foreground-color); cursor: pointer; - font-size: 0.7rem; - line-height: 1.4; - transition: - background-color 0.2s ease, - color 0.2s ease; + line-height: 1; + transition: opacity 0.2s ease; } .theme-toggle:hover { - background-color: var(--foreground-color); - color: var(--background-color); + opacity: 0.6; } -/* Show sun in dark mode (click to go light), moon in light mode (click to go dark) */ +.theme-toggle__text--light, +.theme-toggle__text--dark { + display: none !important; +} + +/* Default (system light): moon icon + "Dark" label */ .theme-toggle__sun { display: none; } .theme-toggle__moon { display: block; } +/* Desktop icon size */ +.theme-toggle svg { + width: 16.5px; + height: 16.5px; +} +.theme-toggle__text--light { display: none; } +.theme-toggle__text--dark { display: inline; } + +/* System dark (no data-theme): sun icon + "Light" label */ +@media (prefers-color-scheme: dark) { + .theme-toggle__sun { display: block; } + .theme-toggle__moon { display: none; } + .theme-toggle__text--light { display: inline; } + .theme-toggle__text--dark { display: none; } +} + +/* Manual dark: sun icon + "Light" label */ [data-theme="dark"] .theme-toggle__sun { display: block; } [data-theme="dark"] .theme-toggle__moon { display: none; } +[data-theme="dark"] .theme-toggle__text--light { display: inline; } +[data-theme="dark"] .theme-toggle__text--dark { display: none; } +/* Manual light: moon icon + "Dark" label */ [data-theme="light"] .theme-toggle__sun { display: none; } [data-theme="light"] .theme-toggle__moon { display: block; } +[data-theme="light"] .theme-toggle__text--light { display: none; } +[data-theme="light"] .theme-toggle__text--dark { display: inline; } /* Match size to other buttons on mobile */ @media (max-width: 600px) { .theme-toggle { - width: 1.6rem; - height: 1.6rem; + width: 2.3rem; + height: 2.3rem; box-sizing: border-box; padding: 0; } - .theme-toggle__text { - display: none; + .theme-toggle svg { + width: 16.5px; + height: 16.5px; + } + + .theme-toggle__text--light, + .theme-toggle__text--dark { + display: none !important; } }