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
 
(2 intermediate revisions by the same user not shown)
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 27: Line 27:
--osrsw-brown: #605443;
--osrsw-brown: #605443;


--mw-code-background-color: hsl(23, 33%, 90%);
--mw-code-background-color: var(--body-light);


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


--ooui-normal: hsl(23, 32%, 75%);
--ooui-normal: #d1b9ad;
--ooui-normal--hover: hsl(23, 52%, 80%);
--ooui-normal--hover: hsl(23, 52%, 80%);
--ooui-normal-border: hsl(23, 32%, 71%);
--ooui-normal-border: #d1b9ad;
--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%);

Latest revision as of 00:06, 1 April 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: #d1b9ad;
    --ooui-normal--hover: hsl(23, 52%, 80%);
    --ooui-normal-border: #d1b9ad;
    --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%);
}