8,756
edits
m (create local color variable for the thing I just added.) |
(Quddier hydradark) |
||
Line 37: | Line 37: | ||
:root { | :root { | ||
--body-background-color: # | --qud-bg-color-ultralight: rgba(6,28,23,0.2); | ||
--qud-bg-color-semidark: rgba(6,28,23,0.7); | |||
--qud-bg-color-dark: rgba(6,28,23,0.8); | |||
--qud-bg-color-darker: rgba(6,28,23,0.9); | |||
--qud-border-bg-color-ultralight: rgba(77,110,122,0.2); | |||
--qud-border-bg-color-semilight: rgba(77,110,122,0.3); | |||
--qud-border-bg-color-semidark: rgba(77,110,122,0.7); | |||
--qud-border-bg-color-dark: rgba(77,110,122,0.8); | |||
--qud-border-bg-color-darker: rgba(77,110,122,0.9); | |||
--qud-border-bg-color: rgba(77,110,122,1); | |||
--qud-viridian-bg-color-ultralight: rgba(8,51,50,0.2); | |||
--qud-viridian-bg-color-semilight: rgba(8,51,50,0.3); | |||
--qud-viridian-bg-color-semidark: rgba(8,51,50,0.7); | |||
--qud-viridian-bg-color-dark: rgba(8,51,50,0.8); | |||
--qud-viridian-bg-color-darker: rgba(8,51,50,0.9); | |||
--qud-viridian-bg-color: rgba(8,51,50,1); | |||
--body-background-color: #11191C; | |||
--body-background-image: url("/media/1/1f/Background.jpg"); | --body-background-image: url("/media/1/1f/Background.jpg"); | ||
--body-background-attachment: fixed; | --body-background-attachment: fixed; | ||
Line 45: | Line 64: | ||
--body-color: #c1d3d6; | --body-color: #c1d3d6; | ||
--content-background: radial-gradient(rgba( | --content-background: radial-gradient(rgba(5, 41, 41, 0.9), rgba(8, 13, 14,0.9)); | ||
--content-border: 0; | --content-border: 0; | ||
--content-border-radius: 0px; | --content-border-radius: 0px; | ||
--link-color: # | --link-color: #69A9B9; | ||
--link-redlink-color: #bb312c; | --link-redlink-color: #bb312c; | ||
Line 59: | Line 78: | ||
--logo-content-space:; | --logo-content-space:; | ||
--sidebar-header-background: | --sidebar-header-background: var(--qud-viridian-bg-color); | ||
--sidebar-header-color: #fff; | --sidebar-header-color: #fff; | ||
--sidebar-link-background: | --sidebar-link-background: var(--qud-bg-color-darker); | ||
--sidebar-link-box-shadow:; | --sidebar-link-box-shadow:; | ||
--navigation-tab-active-background: | --navigation-tab-active-background: var(--qud-viridian-bg-color); | ||
--navigation-tab-active-color: #fff; | --navigation-tab-active-color: #fff; | ||
--navigation-tab-background: | --navigation-tab-background: var(--qud-bg-color-dark); | ||
--navigation-tab-box-shadow:; | --navigation-tab-box-shadow:; | ||
--navigation-arrow-invert: 1; | --navigation-arrow-invert: 1; | ||
--searchsuggestions-background: | --searchsuggestions-background: var(--qud-bg-color-darker); | ||
--searchsuggestions-border-color: | --searchsuggestions-border-color: var(--qud-border-bg-color-semilight); | ||
--searchsuggestions-hover-background: | --searchsuggestions-hover-background: var(--qud-border-bg-color-semilight); | ||
--searchsuggestions-hover-color: #fff; | --searchsuggestions-hover-color: #fff; | ||
--fpbox-background: transparent; | --fpbox-background: transparent; | ||
--fpbox-border: 1px solid | --fpbox-border: 1px solid var(--qud-border-bg-color-ultralight); | ||
--fpheading-background: | --fpheading-background: var(--qud-viridian-bg-color-semilight); | ||
--fpheading-border: 1px solid #c1d3d6; | --fpheading-border: 1px solid #c1d3d6; | ||
--fpheading-color: #c9c9c9; | --fpheading-color: #c9c9c9; | ||
--fpheading-font: "Source Code Pro","Courier new",Courier,monospace; | --fpheading-font: "Source Code Pro","Courier new",Courier,monospace; | ||
--fplink-background: | --fplink-background: var(--qud-viridian-bg-color-semilight); | ||
--fplink-border: 0; | --fplink-border: 0; | ||
--fplink-fullwidth-background: rgba(0,0,0, 0.3); | --fplink-fullwidth-background: rgba(0,0,0, 0.3); | ||
--editor-border: 1px solid | --editor-border: 1px solid var(--qud-border-bg-color-semidark); | ||
--editor-button-background: rgba( | --editor-button-background: rgba(77,110,122,0.5); | ||
--editor-button-border: 1px solid rgba( | --editor-button-border: 1px solid rgba(40, 50, 50, 0.7); | ||
--editor-subtoolbar-background: | --editor-subtoolbar-background: var(--qud-border-bg-color-ultralight); | ||
--editor-toolbar-background: | --editor-toolbar-background: var(--qud-bg-color-dark); | ||
--editor-toolbar-selected-background: | --editor-toolbar-selected-background: var(--qud-border-bg-color-ultralight); | ||
--msupload-background: radial-gradient(rgba( | --msupload-background: radial-gradient(rgba(30, 59, 60, 1), rgba(6, 28, 23,1)); | ||
--msupload-filelist: | --msupload-filelist: var(--qud-border-bg-color-ultralight); | ||
--preferences-border: 1px solid | --preferences-border: 1px solid var(--qud-border-bg-color-ultralight); | ||
--preferences-tab-active-background: | --preferences-tab-active-background: var(--qud-border-bg-color-semidark); | ||
--preferences-tab-background: rgba(100,100,100, 0.4); | --preferences-tab-background: rgba(100,100,100, 0.4); | ||
--infobox-border: 1px solid | --infobox-border: 1px solid var(--qud-border-bg-color-semilight); | ||
--infobox-details-background: | --infobox-details-background: var(--qud-border-bg-color-semilight); | ||
--infobox-details-color: #fff; | --infobox-details-color: #fff; | ||
--infobox-header-background: | --infobox-header-background: rgba(0,0,0,0.3); | ||
--infobox-header-color: #fff; | --infobox-header-color: #fff; | ||
--infobox-label-background: rgba( | --infobox-label-background: rgba(0,0,0,0.2); | ||
--infobox-label-color: #fff; | --infobox-label-color: #fff; | ||
--navbox-alt-background: | --navbox-alt-background: transparent; | ||
--navbox-background: | --navbox-background: var(--qud-bg-color-ultralight); | ||
--navbox-border: 1px solid | --navbox-border: 1px solid var(--qud-border-bg-color-ultralight); | ||
--navbox-color: #c1d3d6; | --navbox-color: #c1d3d6; | ||
--navbox-secondary-background: | --navbox-secondary-background: var(--qud-border-bg-color-semilight); | ||
--wikitable-alt-background: | --wikitable-alt-background: var(--qud-border-bg-color-ultralight); | ||
--wikitable-background: | --wikitable-background: var(--qud-bg-color-ultralight); | ||
--wikitable-border: 1px solid | --wikitable-border: 1px solid var(--qud-border-bg-color-semilight); | ||
--wikitable-border-collapse: collapse; | --wikitable-border-collapse: collapse; | ||
--wikitable-border-spacing: 0; | --wikitable-border-spacing: 0; | ||
--wikitable-header-background: | --wikitable-header-background: var(--qud-border-bg-color-ultralight); | ||
--wikitable-header-color: #fff; | --wikitable-header-color: #fff; | ||
--wikitable-hover-color: | --wikitable-hover-color: var(--qud-bg-color-semidark); | ||
--code-background: | --code-background: var(--qud-bg-color-semidark); | ||
--code-color: #c1d3d6; | --code-color: #c1d3d6; | ||
--doc-background: | --doc-background: var(--qud-bg-color-ultralight); | ||
--doc-border: 1px solid | --doc-border: 1px solid var(--qud-border-bg-color-ultralight); | ||
--catlinks-background: | --catlinks-background: var(--qud-bg-color-ultralight); | ||
--catlinks-border: 1px solid | --catlinks-border: 1px solid var(--qud-border-bg-color-ultralight); | ||
--thumbnail-background: | --thumbnail-background: var(--qud-bg-color-semidark); | ||
--thumbnail-border: 1px solid | --thumbnail-border: 1px solid var(--qud-border-bg-color-ultralight); | ||
--toc-background: | --toc-background: var(--qud-bg-color-semidark); | ||
--toc-border: 1px solid | --toc-border: 1px solid var(--qud-border-bg-color-ultralight); | ||
--ambox-background: rgba( | --ambox-background: rgba(51, 76, 76, 0.3); | ||
--ambox-blue: # | --ambox-blue: #0096ff; | ||
--ambox-gray: # | --ambox-gray: #b1c9c3; | ||
--ambox-green: # | --ambox-green: #009403; | ||
--ambox-orange: # | --ambox-orange: #e99f10; | ||
--ambox-purple: # | --ambox-purple: #b154cf; | ||
--ambox-red: # | --ambox-red: #d74200; | ||
--ambox-yellow: # | --ambox-yellow: #cfc041; | ||
} | } | ||