commit 3bdffc7488d9d96c6cc148ed2d2d28c08c547dcc
parent 62f2d22e5ab2bbfe07ff5ab4b2ee1edd488e1f1c
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date: Sat, 3 Jan 2026 12:52:28 +0100
fix: navbar is already styled in ktistec 3.2.6
Diffstat:
6 files changed, 49 insertions(+), 82 deletions(-)
diff --git a/css/mastodon.css b/css/mastodon.css
@@ -1,14 +1,16 @@
-/* Set main colours for the purpleish theme */
+/* Set main colours */
:root {
--text-primary: #181821;
--text-primary-inverted: #ffffff;
--text-secondary: #545778;
--text-muted: var(--text-secondary);
-
+ --text-nav-bar:var(--text-primary);
+
--bg-primary: #ffffff;
--bg-hover: #f6f6f8;
--bg-transparent: #ffffff80;
--bg-icon-menu: #f6f6f8;
+ --bg-navbar:var(--bg-icon-menu);
--bg-accent-code: var(--bg-icon-menu);
--bg-accent-pre: var(--bg-accent-code);
@@ -23,12 +25,12 @@
--anchor-color: #8b8dac;
}
-/* Dark colours for the purpleish theme */
+/* Dark colours */
@media (prefers-color-scheme: dark) {
:root
{
color-scheme: dark;
-
+
--text-primary: #f0f1ff;
--text-primary-inverted: #181821;
--text-secondary: #8b8dac;
@@ -41,16 +43,3 @@
}
}
-
-/* Style Navigation bars */
-nav {
- background-color: var(--bg-icon-menu) !important;
-}
-nav > div > a,
-nav > div > .right.menu > form > div > input,
-nav > div > span.link,
-nav > div > div.right > a
-{
- color: var(--text-primary) !important;
-}
-
diff --git a/css/mastodon.min.css b/css/mastodon.min.css
@@ -1 +1 @@
-:root{--text-primary:#181821;--text-primary-inverted:#ffffff;--text-secondary:#545778;--text-muted:var(--text-secondary);--bg-primary:#ffffff;--bg-hover:#f6f6f8;--bg-transparent:#ffffff80;--bg-icon-menu:#f6f6f8;--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#6147e6;--color-blue:#6147e6;--border-color:#dcdcde;--anchor-color:#8b8dac;}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#f0f1ff;--text-primary-inverted:#181821;--text-secondary:#8b8dac;--text-muted:var(--text-secondary);--bg-primary:#181821;--bg-hover:#262632;--bg-transparent:#18182180;--bg-icon-menu:#262632;}}nav{background-color:var(--bg-icon-menu) !important;}nav>div>a,nav>div>.right.menu>form>div>input,nav>div>span.link,nav>div>div.right>a{color:var(--text-primary) !important;}
-\ No newline at end of file
+:root{--text-primary:#181821;--text-primary-inverted:#ffffff;--text-secondary:#545778;--text-muted:var(--text-secondary);--text-nav-bar:var(--text-primary);--bg-primary:#ffffff;--bg-hover:#f6f6f8;--bg-transparent:#ffffff80;--bg-icon-menu:#f6f6f8;--bg-navbar:var(--bg-icon-menu);--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#6147e6;--color-blue:#6147e6;--border-color:#dcdcde;--anchor-color:#8b8dac;}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#f0f1ff;--text-primary-inverted:#181821;--text-secondary:#8b8dac;--text-muted:var(--text-secondary);--bg-primary:#181821;--bg-hover:#262632;--bg-transparent:#18182180;--bg-icon-menu:#262632;}}
+\ No newline at end of file
diff --git a/css/purpleish.css b/css/purpleish.css
@@ -1,35 +1,37 @@
-/* Set main colours for the purpleish theme */
+/* Set main colours */
:root {
- --text-primary: #1d1e26;
- --text-primary-inverted: #dcdcdc;
- --text-secondary: #3f426c;
- --text-muted: #1d1e2699;
-
- --bg-primary: #fcfcfc;
- --bg-hover: #e3e3d9;
- --bg-transparent: #fcfcfc80;
- --bg-icon-menu: #f8f8f2;
-
- --bg-accent-code: var(--bg-icon-menu);
- --bg-accent-pre: var(--bg-accent-code);
- --bg-input: var(--bg-icon-menu);
- --bg-label: var(--bg-icon-menu);
-
- --semantic-primary: #7277cf;
- --semantic-affirmative: var(--semantic-primary);
- --semantic-negative: #ff0000;
- --semantic-dangerous: #ff0000;
- --semantic-dangerous-hover: #cc0000;
-
- --color-blue: var(--semantic-primary);
- --color-purple: var(--semantic-primary);
- --color-yellow: var(--semantic-primary);
-
- --border-color: var(--text-secondary);
- --anchor-color: var(--semantic-primary);
+ --text-primary: #1d1e26;
+ --text-primary-inverted: #dcdcdc;
+ --text-secondary: #3f426c;
+ --text-muted: #1d1e2699;
+ --text-nav-bar:var(--text-primary);
+
+ --bg-primary: #fcfcfc;
+ --bg-hover: #e3e3d9;
+ --bg-transparent: #fcfcfc80;
+ --bg-icon-menu: #f8f8f2;
+ --bg-navbar:var(--bg-icon-menu);
+
+ --bg-accent-code: var(--bg-icon-menu);
+ --bg-accent-pre: var(--bg-accent-code);
+ --bg-input: var(--bg-icon-menu);
+ --bg-label: var(--bg-icon-menu);
+
+ --semantic-primary: #7277cf;
+ --semantic-affirmative: var(--semantic-primary);
+ --semantic-negative: #ff0000;
+ --semantic-dangerous: #ff0000;
+ --semantic-dangerous-hover: #cc0000;
+
+ --color-blue: var(--semantic-primary);
+ --color-purple: var(--semantic-primary);
+ --color-yellow: var(--semantic-primary);
+
+ --border-color: var(--text-secondary);
+ --anchor-color: var(--semantic-primary);
}
-/* Dark colours for the purpleish theme */
+/* Dark colours */
@media (prefers-color-scheme: dark) {
:root
{
@@ -46,16 +48,3 @@
--bg-icon-menu: #2b2b2b;
}
}
-
-/* Style Navigation bars */
-nav {
- background-color: var(--bg-icon-menu) !important;
-}
-nav > div > a,
-nav > div > .right.menu > form > div > input,
-nav > div > span.link,
-nav > div > div.right > a
-{
- color: var(--text-primary) !important;
-}
-
diff --git a/css/purpleish.min.css b/css/purpleish.min.css
@@ -1 +1 @@
-:root{--text-primary:#1d1e26;--text-primary-inverted:#dcdcdc;--text-secondary:#3f426c;--text-muted:#1d1e2699;--bg-primary:#fcfcfc;--bg-hover:#e3e3d9;--bg-transparent:#fcfcfc80;--bg-icon-menu:#f8f8f2;--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#7277cf;--semantic-affirmative:var(--semantic-primary);--semantic-negative:#ff0000;--semantic-dangerous:#ff0000;--semantic-dangerous-hover:#cc0000;--color-blue:var(--semantic-primary);--color-purple:var(--semantic-primary);--color-yellow:var(--semantic-primary);--border-color:var(--text-secondary);--anchor-color:var(--semantic-primary);}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#dcdcdc;--text-primary-inverted:#1d1e26;--text-secondary:#dcdcdc99;--text-muted:#dcdcdc80;--bg-primary:#212121;--bg-hover:#21212120;--bg-transparent:#21212180;--bg-icon-menu:#2b2b2b;}}nav{background-color:var(--bg-icon-menu) !important;}nav>div>a,nav>div>.right.menu>form>div>input,nav>div>span.link,nav>div>div.right>a{color:var(--text-primary) !important;}
-\ No newline at end of file
+:root{--text-primary:#1d1e26;--text-primary-inverted:#dcdcdc;--text-secondary:#3f426c;--text-muted:#1d1e2699;--text-nav-bar:var(--text-primary);--bg-primary:#fcfcfc;--bg-hover:#e3e3d9;--bg-transparent:#fcfcfc80;--bg-icon-menu:#f8f8f2;--bg-navbar:var(--bg-icon-menu);--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#7277cf;--semantic-affirmative:var(--semantic-primary);--semantic-negative:#ff0000;--semantic-dangerous:#ff0000;--semantic-dangerous-hover:#cc0000;--color-blue:var(--semantic-primary);--color-purple:var(--semantic-primary);--color-yellow:var(--semantic-primary);--border-color:var(--text-secondary);--anchor-color:var(--semantic-primary);}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#dcdcdc;--text-primary-inverted:#1d1e26;--text-secondary:#dcdcdc99;--text-muted:#dcdcdc80;--bg-primary:#212121;--bg-hover:#21212120;--bg-transparent:#21212180;--bg-icon-menu:#2b2b2b;}}
+\ No newline at end of file
diff --git a/css/simple.css b/css/simple.css
@@ -1,14 +1,16 @@
-/* Set main colours for the purpleish theme */
+/* Set main colours */
:root {
--text-primary:#212121;
--text-primary-inverted:#dcdcdc;
--text-secondary:#585858;
--text-muted:#444444;
-
+ --text-nav-bar:var(--text-primary);
+
--bg-primary:#ffffff;
--bg-hover:#f5f7ff;
--bg-transparent:#ffffff80;
--bg-icon-menu:#f5f7ff;
+ --bg-navbar:var(--bg-icon-menu);
--bg-accent-code:var(--bg-icon-menu);
--bg-accent-pre:var(--bg-accent-code);
@@ -29,12 +31,12 @@
--anchor-color:var(--semantic-primary);
}
-/* Dark colours for the purpleish theme */
+/* Dark colours */
@media (prefers-color-scheme: dark) {
:root
{
color-scheme: dark;
-
+
--text-primary:#dcdcdc;
--text-primary-inverted:#212121;
--text-secondary:#ababab;
@@ -48,16 +50,3 @@
--semantic-primary:#ffb300;
}
}
-
-/* Style Navigation bars */
-nav {
- background-color: var(--bg-icon-menu) !important;
-}
-nav > div > a,
-nav > div > .right.menu > form > div > input,
-nav > div > span.link,
-nav > div > div.right > a
-{
- color: var(--text-primary) !important;
-}
-
diff --git a/css/simple.min.css b/css/simple.min.css
@@ -1 +1 @@
-:root{--text-primary:#212121;--text-primary-inverted:#dcdcdc;--text-secondary:#585858;--text-muted:#444444;--bg-primary:#ffffff;--bg-hover:#f5f7ff;--bg-transparent:#ffffff80;--bg-icon-menu:#f5f7ff;--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#0d47a1;--semantic-affirmative:#1266e2;--semantic-negative:#d81b60;--semantic-dangerous:#ffdd33;--semantic-dangerous-hover:#ffdd3380;--color-blue:#0d47a1;--color-purple:#d81b60;--color-yellow:#ffdd33;--border-color:#898EA4;--anchor-color:var(--semantic-primary);}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#dcdcdc;--text-primary-inverted:#212121;--text-secondary:#ababab;--text-muted:#cccccc;--bg-primary:#212121;--bg-hover:#2b2b2b;--bg-transparent:#21212180;--bg-icon-menu:#2b2b2b;--semantic-primary:#ffb300;}}nav{background-color:var(--bg-icon-menu) !important;}nav>div>a,nav>div>.right.menu>form>div>input,nav>div>span.link,nav>div>div.right>a{color:var(--text-primary) !important;}
-\ No newline at end of file
+:root{--text-primary:#212121;--text-primary-inverted:#dcdcdc;--text-secondary:#585858;--text-muted:#444444;--text-nav-bar:var(--text-primary);--bg-primary:#ffffff;--bg-hover:#f5f7ff;--bg-transparent:#ffffff80;--bg-icon-menu:#f5f7ff;--bg-navbar:var(--bg-icon-menu);--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#0d47a1;--semantic-affirmative:#1266e2;--semantic-negative:#d81b60;--semantic-dangerous:#ffdd33;--semantic-dangerous-hover:#ffdd3380;--color-blue:#0d47a1;--color-purple:#d81b60;--color-yellow:#ffdd33;--border-color:#898EA4;--anchor-color:var(--semantic-primary);}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#dcdcdc;--text-primary-inverted:#212121;--text-secondary:#ababab;--text-muted:#cccccc;--bg-primary:#212121;--bg-hover:#2b2b2b;--bg-transparent:#21212180;--bg-icon-menu:#2b2b2b;--semantic-primary:#ffb300;}}
+\ No newline at end of file
