Skip to content

Commit 388fa76

Browse files
MaikuolanMaikuolan
committed
Aesthetic update.
Changelog excerpt: - Added the ability to change the "mode" of the configured theme, thus enabling any singular theme to have some slight variation in its potential presentation. Two new configuration directives have been added to facilitate this (look for "theme_mode" under "frontend" and "web" respectively, directly under the existing "theme" configuration directives). For now, the available "modes" are just "normal" and "inverted" (the latter inverting the tone of the colours/lighting used by the theme).
1 parent cad1b46 commit 388fa76

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+166
-113
lines changed

‎Changelog.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -97,3 +97,7 @@ __*Why "v3.0.0" instead of "v1.0.0?"*__ Prior to phpMussel v3, the "phpMussel Co
9797

9898
- [2024.11.06]: Added PHP 8.4 to workflows.
9999
- [2024.11.06]: Added L10N for Malayalam.
100+
101+
### v3.6.0
102+
103+
- [2025.08.08]: Added the ability to change the "mode" of the configured theme, thus enabling any singular theme to have some slight variation in its potential presentation. Two new configuration directives have been added to facilitate this (look for `theme_mode` under `frontend` and `web` respectively, directly under the existing `theme` configuration directives). For now, the available "modes" are just "normal" and "inverted" (the latter inverting the tone of the colours/lighting used by the theme).

‎assets/config.yml

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
# License: GNU/GPLv2
88
# @see LICENSE.txt
99
#
10-
# This file: Configuration defaults file (last modified: 2024.04.30).
10+
# This file: Configuration defaults file (last modified: 2025.08.08).
1111
##/
1212

1313
web:
@@ -41,6 +41,15 @@ web:
4141
primerdark: "Primer Dark"
4242
rbi: "Red-Blue Inverted"
4343
slate: "Slate"
44+
theme_mode:
45+
type: "string"
46+
default: "normal"
47+
choices:
48+
normal: "label.Normal"
49+
inverted: "label.Inverted"
50+
effects:
51+
inverted: ";filter:invert(1) hue-rotate(-180deg)"
52+
style: "radio"
4453
magnification:
4554
type: "float"
4655
step: "any"

‎assets/template_bluemetal.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<link rel="shortcut icon" type="image/png" href="data:image/png;base64,{favicon}" />
88
<title>phpMussel</title>
9-
<style>
9+
<style>:root{color-scheme:dark{theme_mode_effects}}
1010
#wrapper,#pp{font-weight:700}
1111
#wrapper{background-color:#678;border-style:solid;border-color:#222;width:calc(100% - 10px);margin:auto;padding:2px;border-top-{FE_Align_Reverse}-radius:24px}
1212
body,#wrapper{text-align:center}
@@ -19,8 +19,7 @@
1919
#generated_by,#phpmusselversion{display:inline}
2020
body{font-family:'Tahoma','Verdana','Arial';font-size:calc((12px * {magnification}) + .03vw);letter-spacing:1px;text-decoration:none;border-style:none;white-space:normal;background-color:#333;color:#cde;background-image:url(data:image/gif;base64,R0lGODdhAwADAIACADMzM1VicCwAAAAAAwADAAACBIQRBwUAOw==);background-attachment:fixed}
2121
hr{border-style:solid none none;margin:5px 2px 0;padding:2px;color:#89b}
22-
#results{margin:10px;padding:2px}
23-
</style>
22+
#results{margin:10px;padding:2px}</style>
2423
</head>
2524

2625
<body>{CustomHeader}

‎assets/template_default.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<link rel="shortcut icon" type="image/png" href="data:image/png;base64,{favicon}" />
88
<title>phpMussel</title>
9-
<style>
9+
<style>:root{color-scheme:light{theme_mode_effects}}
1010
#wrapper,#pp{font-weight:700}
1111
#wrapper{background-color:#fff;border-style:solid;border-color:#999;width:calc(100% - 10px);margin:auto;padding:2px;border-top-{FE_Align_Reverse}-radius:24px}
1212
body,#wrapper{text-align:center}
@@ -19,8 +19,7 @@
1919
#generated_by,#phpmusselversion{display:inline}
2020
body{font-family:'Tahoma','Verdana','Arial';font-size:calc((12px * {magnification}) + .03vw);letter-spacing:1px;text-decoration:none;border-style:none;white-space:normal;background-color:#ccc;color:#033}
2121
hr{border-style:solid none none;margin:5px 2px 0;padding:2px;color:rgba(153,0,0,.6)}
22-
#results{margin:10px;padding:2px}
23-
</style>
22+
#results{margin:10px;padding:2px}</style>
2423
</head>
2524

2625
<body>{CustomHeader}

‎assets/template_fullmoon.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<link rel="shortcut icon" type="image/png" href="data:image/png;base64,{favicon}" />
88
<title>phpMussel</title>
9-
<style>
9+
<style>:root{color-scheme:dark{theme_mode_effects}}
1010
#wrapper,#pp{font-weight:700}
1111
#wrapper{border-style:solid;border-color:#aaa;background-color:#3e4643;width:calc(100% - 10px);margin:auto;padding:2px;border-top-{FE_Align_Reverse}-radius:24px}
1212
body,#wrapper{text-align:center}
@@ -19,8 +19,7 @@
1919
#generated_by,#phpmusselversion{display:inline}
2020
body{font-family:'Tahoma','Verdana','Arial';font-size:calc((12px * {magnification}) + .03vw);letter-spacing:1px;text-decoration:none;border-style:none;white-space:normal;background-color:#36393b;color:#999}
2121
hr{border-style:solid none none;margin:5px 2px 0;padding:2px;color:#aaa}
22-
#results{margin:10px;padding:2px}
23-
</style>
22+
#results{margin:10px;padding:2px}</style>
2423
</head>
2524

2625
<body>{CustomHeader}

‎assets/template_moss.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<link rel="shortcut icon" type="image/png" href="data:image/png;base64,{favicon}" />
88
<title>phpMussel</title>
9-
<style>
9+
<style>:root{color-scheme:normal{theme_mode_effects}}
1010
#wrapper,#pp{font-weight:700}
1111
#wrapper{background-color:rgba(192,240,160,0.6);border-style:solid;border-color:#604848;width:calc(100% - 10px);margin:auto;padding:2px;border-top-{FE_Align_Reverse}-radius:24px}
1212
body,#wrapper{text-align:center}
@@ -19,8 +19,7 @@
1919
#generated_by,#phpmusselversion{display:inline}
2020
body{font-family:'Tahoma','Verdana','Arial';font-size:calc((12px * {magnification}) + .03vw);letter-spacing:1px;text-decoration:none;border-style:none;white-space:normal;background-color:#789048;color:#303c24}
2121
hr{border-style:solid none none;margin:5px 2px 0;padding:2px;color:#604848}
22-
#results{margin:10px;padding:2px}
23-
</style>
22+
#results{margin:10px;padding:2px}</style>
2423
</head>
2524

2625
<body>{CustomHeader}

‎assets/template_primer.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<link rel="shortcut icon" type="image/png" href="data:image/png;base64,{favicon}" />
88
<title>phpMussel</title>
9-
<style>
9+
<style>:root{color-scheme:light{theme_mode_effects}}
1010
body,#wrapper{text-align:center}
1111
body{font-family:'BlinkMacSystemFont','Segoe UI','Noto Sans','Helvetica';letter-spacing:1px;text-decoration:none;border-style:none;margin:0;padding:0;white-space:normal;background-color:#f6f8fa;color:#24292e;font-size:calc((12px * {magnification}) + .03vw)}
1212
hr{box-sizing:content-box;height:0;overflow:visible;height:0;margin:15px 0;overflow:hidden;background:0 0;border:0;border-bottom:1px solid #dadde1}
@@ -20,8 +20,7 @@
2020
#generated_by{color:#000}
2121
#generated_by,#phpmusselversion{display:inline}
2222
#wrapper{width:calc(100% - 10px);margin:auto;padding:2px;background-color:#fff;border:1px #e1e4e8 solid;border-radius:6px}
23-
#results{margin:10px;padding:2px}
24-
</style>
23+
#results{margin:10px;padding:2px}</style>
2524
</head>
2625

2726
<body>{CustomHeader}

‎assets/template_primerdark.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<link rel="shortcut icon" type="image/png" href="data:image/png;base64,{favicon}" />
88
<title>phpMussel</title>
9-
<style>
9+
<style>:root{color-scheme:dark{theme_mode_effects}}
1010
body,#wrapper{text-align:center}
1111
body{font-family:'BlinkMacSystemFont','Segoe UI','Noto Sans','Helvetica';letter-spacing:1px;text-decoration:none;border-style:none;margin:0;padding:0;white-space:normal;background-color:#18191a;color:#e4e6eb;font-size:calc((12px * {magnification}) + .03vw)}
1212
hr{box-sizing:content-box;height:0;overflow:visible;height:0;margin:15px 0;overflow:hidden;background:0 0;border:0;border-bottom:1px solid #3a3b3c}
@@ -20,8 +20,7 @@
2020
#generated_by{color:#fff}
2121
#generated_by,#phpmusselversion{display:inline}
2222
#wrapper{width:calc(100% - 10px);margin:auto;padding:2px;background-color:#242526;border:none;border-radius:6px}
23-
#results{margin:10px;padding:2px}
24-
</style>
23+
#results{margin:10px;padding:2px}</style>
2524
</head>
2625

2726
<body>{CustomHeader}

‎assets/template_rbi.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<link rel="shortcut icon" type="image/png" href="data:image/png;base64,{favicon}" />
88
<title>phpMussel</title>
9-
<style>
9+
<style>:root{color-scheme:light{theme_mode_effects}}
1010
#wrapper,#pp{font-weight:700}
1111
#wrapper{background-color:#fff;border-style:solid;border-color:#999;width:calc(100% - 10px);margin:auto;padding:2px;border-top-{FE_Align_Reverse}-radius:24px}
1212
body,#wrapper{text-align:center}
@@ -19,8 +19,7 @@
1919
#generated_by,#phpmusselversion{display:inline}
2020
body{font-family:'Tahoma','Verdana','Arial';font-size:calc((12px * {magnification}) + .03vw);letter-spacing:1px;text-decoration:none;border-style:none;white-space:normal;background-color:#ccc;color:#330}
2121
hr{border-style:solid none none;margin:5px 2px 0;padding:2px;color:rgba(0,0,153,.2)}
22-
#results{margin:10px;padding:2px;color:blue}
23-
</style>
22+
#results{margin:10px;padding:2px;color:blue}</style>
2423
</head>
2524

2625
<body>{CustomHeader}

‎assets/template_slate.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<link rel="shortcut icon" type="image/png" href="data:image/png;base64,{favicon}" />
88
<title>phpMussel</title>
9-
<style>
9+
<style>:root{color-scheme:dark{theme_mode_effects}}
1010
#wrapper,#pp{font-weight:700}
1111
#wrapper{background-color:#2f2f2f;border-style:solid;border-color:#393939;width:calc(100% - 10px);margin:auto;padding:2px;border-top-{FE_Align_Reverse}-radius:24px}
1212
body,#wrapper{text-align:center}
@@ -19,8 +19,7 @@
1919
#generated_by,#phpmusselversion{display:inline}
2020
body{font-family:'Tahoma','Verdana','Noto Sans','Arial';font-size:calc((12px * {magnification}) + .03vw);letter-spacing:1px;text-decoration:none;border-style:none;white-space:normal;background-color:#212121;color:#ddd}
2121
hr{border-style:solid none none;margin:5px 2px 0;padding:2px;color:#999}
22-
#results{margin:10px;padding:2px;color:#f52}
23-
</style>
22+
#results{margin:10px;padding:2px;color:#f52}</style>
2423
</head>
2524

2625
<body>{CustomHeader}

0 commit comments

Comments
 (0)