Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • Ghost Fluent UI Ghost Fluent UI
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 17
    • Issues 17
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Infrastructure Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value stream
  • Wiki
    • Wiki
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Ghost Themes
  • Ghost Fluent UIGhost Fluent UI
  • Wiki
  • theme

theme · Changes

Page history
feat(theme): minimal custom color style authored Mar 27, 2021 by Laurent Sittler's avatar Laurent Sittler
Hide whitespace changes
Inline Side-by-side
Showing with 11 additions and 75 deletions
+11 -75
  • theme.md theme.md +11 -75
  • No files found.
theme.md
View page @ 8b0dce31
...@@ -31,81 +31,17 @@ From the Ghost **Code injection**, add into the *Site Header* part your theme co ...@@ -31,81 +31,17 @@ From the Ghost **Code injection**, add into the *Site Header* part your theme co
```html ```html
<style type="text/css"> <style type="text/css">
:root, :root,
[data-theme=dark] { [data-theme] {
--themePrimary: #0078d4; --themeDarker: #6f2d09!important;
--themeLighterAlt: #eff6fc; --themeDark: #8d390b!important;
--themeLighter: #deecf9; --themeDarkAlt: #b5490f!important;
--themeLight: #c7e0f4; --themePrimary: #ca5010!important;
--themeTertiary: #71afe5; --themeSecondary: #e55c12!important;
--themeSecondary: #2b88d8; --themeTertiary: #f6b28d!important;
--themeDarkAlt: #106ebe; --themeLight: #fbdac9!important;
--themeDark: #005a9e; --themeLighter: #fdede4!important;
--themeDarker: #004578; --themeLighterAlt: #fef6f1!important;
--neutralLighterAlt: #050607; --accent: #986f0b;
--neutralLighter: #f3f2f1;
--neutralLight: #edebe9;
--neutralQuaternaryAlt: #e1dfdd;
--neutralQuaternary: #d0d0d0;
--neutralTertiaryAlt: #c8c6c4;
--neutralTertiary: #a19f9d;
--neutralSecondary: #605e5c;
--neutralPrimaryAlt: #3b3a39;
--neutralPrimary: #CDCECF;
--neutralDark: #DFE0E1;
--black: #ffffff;
--white: #1b1a19;
}
[data-theme=light] {
--themePrimary: #0078d4;
--themeLighterAlt: #eff6fc;
--themeLighter: #deecf9;
--themeLight: #c7e0f4;
--themeTertiary: #71afe5;
--themeSecondary: #2b88d8;
--themeDarkAlt: #106ebe;
--themeDark: #005a9e;
--themeDarker: #004578;
--neutralLighterAlt: #faf9f8;
--neutralLighter: #f3f2f1;
--neutralLight: #edebe9;
--neutralQuaternaryAlt: #e1dfdd;
--neutralQuaternary: #d0d0d0;
--neutralTertiaryAlt: #c8c6c4;
--neutralTertiary: #a19f9d;
--neutralSecondary: #605e5c;
--neutralPrimaryAlt: #3b3a39;
--neutralPrimary: #323130;
--neutralDark: #201f1e;
--black: #000000;
--white: #ffffff;
}
@media (prefers-color-scheme:light) {
:root:not([data-theme=dark]) {
--themePrimary: #0078d4;
--themeLighterAlt: #eff6fc;
--themeLighter: #deecf9;
--themeLight: #c7e0f4;
--themeTertiary: #71afe5;
--themeSecondary: #2b88d8;
--themeDarkAlt: #106ebe;
--themeDark: #005a9e;
--themeDarker: #004578;
--neutralLighterAlt: #faf9f8;
--neutralLighter: #f3f2f1;
--neutralLight: #edebe9;
--neutralQuaternaryAlt: #e1dfdd;
--neutralQuaternary: #d0d0d0;
--neutralTertiaryAlt: #c8c6c4;
--neutralTertiary: #a19f9d;
--neutralSecondary: #605e5c;
--neutralPrimaryAlt: #3b3a39;
--neutralPrimary: #323130;
--neutralDark: #201f1e;
--black: #000000;
--white: #1b1a19;
}
} }
</style> </style>
``` ```
\ No newline at end of file
Clone repository

Home

Theme

  • Header
  • Footer

Search Engine

  • GhostHunter
  • Elasticsearch

Apps Launcher

Templates

  • Posts
  • Pages
  • Tags
  • Featured
  • Events

Blog Comments

  • Isso