User:Merds/CSS/Theme.css: Difference between revisions

From Brighter Shores Wiki
Jump to navigation Jump to search
Content added Content deleted
No edit summary
No edit summary
Line 2: Line 2:


:root {
:root {
--body-main: hsl(23deg 31% 99%);
--body-main: #fdfcfc;
--body-light: hsl(23deg 32% 94%);
--body-light: #f5f0eb;
--body-mid: #d1b9ad;
--body-mid: #d1b9ad;
--body-dark: #b1886f;
--body-dark: #b1886f;
Line 31: Line 31:
--personal-links-bg: hsl(23deg 31% 95%);
--personal-links-bg: hsl(23deg 31% 95%);


--ooui-normal: hsl(23, 32%, 75%);
--ooui-normal: #d4baab;
--ooui-normal--hover: hsl(23, 52%, 80%);
--ooui-normal--hover: hsl(23, 52%, 80%);
--ooui-normal-border: hsl(23, 32%, 71%);
--ooui-normal-border: #cdb09d;
--ooui-progressive: hsl(23, 37%, 42%);
--ooui-progressive: #936243;
--ooui-progressive--hover: hsl(23, 37%, 52%);
--ooui-progressive--hover: hsl(23, 37%, 52%);
--ooui-input-border:hsl(23, 27%, 71%);
--ooui-input-border:hsl(23, 27%, 71%);

Revision as of 23:53, 31 March 2024

/* this needs a background pic!!! */

:root {
    --body-main: #fdfcfc;
    --body-light: #f5f0eb;
    --body-mid: #d1b9ad;
    --body-dark: #b1886f;
    --body-border: #d1b9ad;
  /*--body-background-color: hsl(23deg 32% 64%); */
    --button-background: hsl(23 18% 42% / 1);
    --button-color: #fff;
    --button-border: hsl(23 33% 24% / 1);
    --button-dark: hsl(23deg 33% 27%);
    --button-light: hsl(23deg 33% 37%);
    --sidebar: hsl(23deg 41% 78%);
    --sidebar-text-color: hsl(0deg 0% 37%);
    --sidebar-link-color: hsl(23deg 48% 28%);
    --search-box: hsl(23deg 22% 92%);
    --link-color: hsl(23deg 44% 30%);
    --redlink-color: hsl(0deg 100% 36%);
  /*--text-color: hsl(23deg 100% 4%); */
  /*--byline-color: hsl(23deg 6% 38%); */
    --admin-blue: #332e75;
    --bearcat-green: #13592e;
    --awb-purple: #933b96;
    --rsw-blue: #438ab6;
    --osrsw-brown: #605443;

    --mw-code-background-color: var(--body-light);

    --personal-links-bg: hsl(23deg 31% 95%);

    --ooui-normal: #d4baab;
    --ooui-normal--hover: hsl(23, 52%, 80%);
    --ooui-normal-border: #cdb09d;
    --ooui-progressive: #936243;
    --ooui-progressive--hover: hsl(23, 37%, 52%);
	--ooui-input-border:hsl(23, 27%, 71%);
	--ooui-input-border--hover:hsl(23, 27%, 52%);
	--ooui-disabled:hsl(23, 11%, 89%);
	--ooui-disabled-border:hsl(23, 15%, 81%);

    --tile-border-color: hsl(23 31% 80% / 1);
	--tile-background-color: hsl(23 32% 88% / 1);
    --tile-link-button-color: hsl(23 57% 95% / 1);
    --tile-link-button-highlight-color: hsl(23 42% 88% / 1);
    --tile-dark-color: #fff;
    --tile-dark-bg: hsl(23 11% 51% / 1);
    --tile-dark-link-color: hsl(0deg 0% 90%);
    --tile-dark-byline-color: hsl(23 0% 100% / 0.7);
    --tile-dark-header-color: #fff;

    --questdetails-header-background: hsl(23deg 28% 84%);
    --questdetails-header-background-alt: hsl(23deg 32% 82%);

    --transcript-background: hsl(23deg 32% 88%);
    --transcript-border-color: hsl(23deg 33% 66%);
    --transcript-border-hover-color: hsl(23deg 65% 42%);
}