GitHub/TUIkit
1
0
Fork 0
mirror of https://github.com/phranck/TUIkit.git synced 2026-05-21 09:50:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Docs: Add TUIkit green palette theme for DocC

Browse Source 
- Full color theming based on Green SystemPalette HSL values
- Light and dark mode variants for all 130+ color variables
- Navigation, code syntax, asides, badges, buttons, forms styled
- Subtle intro gradient instead of garish neon green
- Nunito as primary font, SF Mono for code
- Enable onThisPageNavigator and quickNavigation features
This commit is contained in:
phranck
2026-02-15 01:51:31 +01:00
parent ea5706203c
commit 3452f5bbd9
1 changed files with 188 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Sources/TUIkit/TUIkit.docc/theme-settings.json
+188 -3
View File
@@ -1,21 +1,206 @@
{
"meta": {
"title": "TUIkit"
},
"theme": {
"aside": { "border-radius": "6px", "border-style": "solid", "border-width": "1px" },
"border-radius": "12px",
"button": { "border-radius": "15px", "border-width": "1px" },
"code": { "border-radius": "8px", "border-style": "solid", "border-width": "1px" },
"color": {
"documentation-intro-fill": "radial-gradient(circle at top, var(--color-documentation-intro-accent) 30%, #0a0f0a 100%)",
"documentation-intro-accent": "#1f821b",
"documentation-intro-fill": {
"dark": "radial-gradient(circle at top, var(--color-documentation-intro-accent) 30%, #050905 100%)",
"light": "radial-gradient(circle at top, var(--color-documentation-intro-accent) 30%, #f6f8f6 100%)"
},
"documentation-intro-accent": { "dark": "#0f3a0f", "light": "#b8ddb8" },
"documentation-intro-title": { "dark": "#d0e8d0", "light": "#1e471e" },
"documentation-intro-eyebrow": { "dark": "#88bb88", "light": "#3e743e" },
"documentation-intro-figure": { "dark": "#3a7a3a", "light": "#4a8a4a" },
"fill": { "dark": "#0a0f0a", "light": "#ffffff" },
"fill-secondary": { "dark": "#0f1a0f", "light": "#f6f8f6" },
"fill-tertiary": { "dark": "#152215", "light": "#f0f4f0" },
"text": { "dark": "#d0e8d0", "light": "#1e2e1e" },
"text-background": { "dark": "#0a0f0a", "light": "#ffffff" },
"secondary-label": { "dark": "#26c326", "light": "#3e743e" },
"eyebrow": { "dark": "#1f8e1f", "light": "#669966" },
"header-text": { "dark": "#d0e8d0", "light": "#1e2e1e" },
"link": { "dark": "#65ff65", "light": "#11a011" },
"logo-base": { "dark": "#f0f0f0", "light": "#333333" },
"logo-shape": { "dark": "#000000", "light": "#ffffff" },
"fill": { "dark": "#000000", "light": "#ffffff" }
"figure-green": { "dark": "#32ff32", "light": "#11a011" },
"figure-blue": { "dark": "#32ccff", "light": "#1a7897" },
"figure-orange": { "dark": "#ff9932", "light": "#b37014" },
"figure-red": { "dark": "#ff6532", "light": "#b73d14" },
"figure-gray": { "dark": "#26c326", "light": "#3e743e" },
"figure-gray-secondary": { "dark": "#1f8e1f", "light": "#669966" },
"figure-gray-tertiary": { "dark": "#165916", "light": "#88aa88" },
"figure-light-gray": { "dark": "#1a6a1a", "light": "#bcdbbc" },
"nav-color": { "dark": "#d0e8d0", "light": "#1e471e" },
"nav-current-link": { "dark": "#65ff65", "light": "#11a011" },
"nav-link-color": { "dark": "#32ff32", "light": "#1a971a" },
"nav-link-color-hover": { "dark": "#65ff65", "light": "#11a011" },
"nav-root-title": { "dark": "#65ff65", "light": "#1e471e" },
"nav-root-subhead": { "dark": "#26c326", "light": "#3e743e" },
"nav-solid-background": { "dark": "#050905", "light": "#f6f8f6" },
"nav-rule": { "dark": "#1a6a1a", "light": "#bcdbbc" },
"nav-keyline": { "dark": "#1a6a1a", "light": "#bcdbbc" },
"nav-outlines": { "dark": "#1a6a1a", "light": "#bcdbbc" },
"nav-stuck": { "dark": "#050905ee", "light": "#f6f8f6ee" },
"nav-uiblur-stuck": { "dark": "#050905cc", "light": "#f6f8f6cc" },
"nav-expanded": { "dark": "#0a0f0a", "light": "#ffffff" },
"nav-uiblur-expanded": { "dark": "#050905ee", "light": "#ffffffee" },
"nav-hierarchy-collapse-background": { "dark": "#0d3e0d", "light": "#e8f2e8" },
"nav-hierarchy-collapse-borders": { "dark": "#1a6a1a", "light": "#bcdbbc" },
"nav-hierarchy-item-borders": { "dark": "#1a6a1a", "light": "#bcdbbc" },
"nav-sticking-expanded-keyline": { "dark": "#1a6a1a", "light": "#bcdbbc" },
"nav-dark-color": "#d0e8d0",
"nav-dark-current-link": "#65ff65",
"nav-dark-link-color": "#32ff32",
"nav-dark-link-color-hover": "#65ff65",
"nav-dark-solid-background": "#050905",
"nav-dark-rule": "#1a6a1a",
"nav-dark-keyline": "#1a6a1a",
"nav-dark-outlines": "#1a6a1a",
"nav-dark-border-top-color": "#1a6a1a",
"nav-dark-stuck": "#050905ee",
"nav-dark-uiblur-stuck": "#050905cc",
"nav-dark-expanded": "#0a0f0a",
"nav-dark-uiblur-expanded": "#050905ee",
"nav-dark-hierarchy-collapse-background": "#0d3e0d",
"nav-dark-hierarchy-collapse-borders": "#1a6a1a",
"nav-dark-hierarchy-item-borders": "#1a6a1a",
"nav-dark-sticking-expanded-keyline": "#1a6a1a",
"nav-dark-root-subhead": "#26c326",
"navigator-item-hover": { "dark": "#0d3e0d", "light": "#e8f2e8" },
"article-background": { "dark": "#050905", "light": "#ffffff" },
"article-body-background": { "dark": "#0a0f0a", "light": "#ffffff" },
"button-background": { "dark": "#1a6a1a", "light": "#11a011" },
"button-background-active": { "dark": "#0d3e0d", "light": "#0d800d" },
"button-background-hover": { "dark": "#1f8e1f", "light": "#0d800d" },
"button-border": { "dark": "#32ff32", "light": "#11a011" },
"button-text": { "dark": "#ffffff", "light": "#ffffff" },
"code-background": { "dark": "#050905", "light": "#f0f4f0" },
"code-collapsible-background": { "dark": "#0a120a", "light": "#e8f2e8" },
"code-collapsible-text": { "dark": "#26c326", "light": "#3e743e" },
"code-line-highlight": { "dark": "#0d3e0d", "light": "#ddeedd" },
"code-line-highlight-border": { "dark": "#1a6a1a", "light": "#88cc88" },
"code-plain": { "dark": "#d0e8d0", "light": "#1e2e1e" },
"syntax-keywords": { "dark": "#65ff65", "light": "#0d800d" },
"syntax-marks": { "dark": "#65ff65", "light": "#0d800d" },
"syntax-numbers": { "dark": "#32ffcc", "light": "#1a7858" },
"syntax-strings": { "dark": "#ccff32", "light": "#6a7a14" },
"syntax-comments": { "dark": "#1e7a1e", "light": "#669966" },
"syntax-characters": { "dark": "#32ffcc", "light": "#1a7858" },
"syntax-attributes": { "dark": "#5eed5e", "light": "#1a971a" },
"syntax-plain-text": { "dark": "#d0e8d0", "light": "#1e2e1e" },
"syntax-heading": { "dark": "#65ff65", "light": "#11a011" },
"syntax-documentation-markup": { "dark": "#1f8e1f", "light": "#669966" },
"syntax-documentation-markup-keywords": { "dark": "#26c326", "light": "#3e743e" },
"syntax-type-declarations": { "dark": "#5eed5e", "light": "#1a971a" },
"syntax-other-type-names": { "dark": "#5eed5e", "light": "#1a971a" },
"syntax-other-class-names": { "dark": "#32ff32", "light": "#11a011" },
"syntax-other-declarations": { "dark": "#65ff65", "light": "#0d800d" },
"syntax-other-function-and-method-names": { "dark": "#32ff32", "light": "#1a971a" },
"syntax-other-constants": { "dark": "#32ffcc", "light": "#1a7858" },
"syntax-other-instance-variables-and-globals": { "dark": "#26c326", "light": "#3e743e" },
"syntax-other-preprocessor-macros": { "dark": "#ccff32", "light": "#6a7a14" },
"syntax-project-class-names": { "dark": "#32ff32", "light": "#11a011" },
"syntax-project-type-names": { "dark": "#5eed5e", "light": "#1a971a" },
"syntax-project-constants": { "dark": "#32ffcc", "light": "#1a7858" },
"syntax-project-function-and-method-names": { "dark": "#32ff32", "light": "#1a971a" },
"syntax-project-instance-variables-and-globals": { "dark": "#26c326", "light": "#3e743e" },
"syntax-project-preprocessor-macros": { "dark": "#ccff32", "light": "#6a7a14" },
"syntax-preprocessor-statements": { "dark": "#ccff32", "light": "#6a7a14" },
"syntax-urls": { "dark": "#65ff65", "light": "#11a011" },
"syntax-param-internal-name": { "dark": "#d0e8d0", "light": "#1e471e" },
"aside-note": { "dark": "#32ff32", "light": "#1a971a" },
"aside-note-background": { "dark": "#050f05", "light": "#f0f8f0" },
"aside-note-border": { "dark": "#1a6a1a", "light": "#88cc88" },
"aside-tip": { "dark": "#32ffcc", "light": "#1a7858" },
"aside-tip-background": { "dark": "#050f0a", "light": "#f0f8f5" },
"aside-tip-border": { "dark": "#1a6a4a", "light": "#88ccaa" },
"aside-important": { "dark": "#ccff32", "light": "#6a7a14" },
"aside-important-background": { "dark": "#0f0f05", "light": "#f8f8f0" },
"aside-important-border": { "dark": "#6a6a1a", "light": "#cccc88" },
"aside-warning": { "dark": "#ff9932", "light": "#b37014" },
"aside-warning-background": { "dark": "#0f0a05", "light": "#f8f5f0" },
"aside-warning-border": { "dark": "#6a4a1a", "light": "#ccaa88" },
"aside-experiment": { "dark": "#5eed5e", "light": "#1a971a" },
"aside-experiment-background": { "dark": "#050f05", "light": "#f0f8f0" },
"aside-experiment-border": { "dark": "#1a6a1a", "light": "#88cc88" },
"aside-deprecated": { "dark": "#ff6532", "light": "#b73d14" },
"aside-deprecated-background": { "dark": "#0f0805", "light": "#f8f3f0" },
"aside-deprecated-border": { "dark": "#6a3a1a", "light": "#cc9988" },
"badge-default": { "dark": "#1a6a1a", "light": "#11a011" },
"badge-dark-default": "#1a6a1a",
"badge-beta": { "dark": "#32ffcc", "light": "#1a7858" },
"badge-dark-beta": "#32ffcc",
"badge-deprecated": { "dark": "#ff6532", "light": "#b73d14" },
"badge-dark-deprecated": "#ff6532",
"changes-added": { "dark": "#32ff32", "light": "#11a011" },
"changes-added-hover": { "dark": "#65ff65", "light": "#0d800d" },
"changes-modified": { "dark": "#ccff32", "light": "#6a7a14" },
"changes-modified-hover": { "dark": "#ddff65", "light": "#556a0d" },
"changes-deprecated": { "dark": "#ff6532", "light": "#b73d14" },
"changes-deprecated-hover": { "dark": "#ff8865", "light": "#953214" },
"focus-border-color": { "dark": "#32ff32", "light": "#11a011" },
"focus-color": { "dark": "#32ff3240", "light": "#11a01140" },
"form-error": { "dark": "#ff6532", "light": "#b73d14" },
"form-error-background": { "dark": "#1a0805", "light": "#f8f0ee" },
"form-valid": { "dark": "#32ff32", "light": "#1a971a" },
"form-valid-background": { "dark": "#050f05", "light": "#f0f8f0" },
"fill-blue": { "dark": "#32ccff", "light": "#1a7897" },
"fill-gray": { "dark": "#26c326", "light": "#3e743e" },
"fill-gray-secondary": { "dark": "#1f8e1f", "light": "#669966" },
"fill-gray-tertiary": { "dark": "#165916", "light": "#88aa88" },
"fill-gray-quaternary": { "dark": "#0d3e0d", "light": "#bcdbbc" },
"fill-green-secondary": { "dark": "#1a6a1a", "light": "#88cc88" },
"fill-orange-secondary": { "dark": "#6a4a1a", "light": "#ccaa88" },
"fill-red-secondary": { "dark": "#6a3a1a", "light": "#cc9988" },
"standard-green-documentation-intro-fill": {
"dark": "radial-gradient(circle at top, #32ff32 30%, #050905 100%)",
"light": "radial-gradient(circle at top, #11a011 30%, #f6f8f6 100%)"
},
"tabnav-item-border-color": { "dark": "#32ff32", "light": "#11a011" },
"dropdown-background": { "dark": "#0a120a", "light": "#ffffff" },
"dropdown-border": { "dark": "#1a6a1a", "light": "#bcdbbc" },
"dropdown-text": { "dark": "#d0e8d0", "light": "#1e471e" },
"dropdown-option-text": { "dark": "#d0e8d0", "light": "#1e471e" },
"svg-icon": { "dark": "#32ff32", "light": "#1a971a" },
"grid": { "dark": "#1a6a1a", "light": "#bcdbbc" },
"generic-modal-background": { "dark": "#050905ee", "light": "#ffffffee" }
},
"typography": {
"html-font": "'Nunito', system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif",
"html-font-mono": "'SF Mono', SFMono-Regular, ui-monospace, 'Cascadia Code', Menlo, Monaco, Consolas, monospace"
},
"icons": { "technology": "/images/TUIkit/tuikit-logo.png" }
},
"features": {
"docs": {
"quickNavigation": { "enable": true },
"onThisPageNavigator": { "enable": true },
"i18n": { "enable": true }
}
}