User:Monster Domosed/common.css: Difference between revisions

No edit summary
No edit summary
Line 2: Line 2:




/* Base Theme */
:root {
--text-color: oklch(0.97 0.03 82.14);
    --color-base: var(--text-color);
    --color-base--hover: var(--text-color);
    --color-emphasized: white;
    --color-subtle: #9aa4aa;
    --color-notice: var(--color-subtle);
    --color-content-added: #009c00;
    --color-destructive: #e64835;
    --color-destructive--visited--active: #eb8585;
    --color-progressive--focus: #72a1ff;
    --background-color-base: var(--th-mw-head-menu-dropdown-head-back);
    --background-color-neutral-subtle: var(--th-mw-head-menu-dropdown-head-back);
    --background-color-neutral: var(--th-mw-panel-portlet-back);
    --background-color-interactive-subtle: var(--th-mw-panel-portlet-back);
    --background-color-interactive: var(--th-mw-head-menu-dropdown-head);
    --background-color-content-removed: #CC0000;
    --background-color-content-added: #4ea8f3;
    --background-color-progressive-subtle: var(--th-mw-head-menu-dropdown-head);
    --background-color-disabled: var(--th-mw-body-back);
   
    --background-color-disabled-subtle: var(--th-mw-body-back);
    --background-color-warning-subtle: var(--th-mw-head-menu-dropdown-head);
    --background-color-error-subtle: var(--th-mw-head-menu-dropdown-head);
    --background-color-success-subtle: var(--th-mw-head-menu-dropdown-head);
    --background-color-notice-subtle: var(--th-mw-head-menu-dropdown-head);
   
    --border-color-base: var(--th-mw-head-menu-dropdown-head);
    --border-color-subtle: var(--th-mw-head-menu-dropdown-head);
    --border-color-muted: var(--th-mw-head-menu-dropdown-head);
    --border-color-disabled: var(--th-mw-head-menu-dropdown-head);
   
/*==== THEME ====*/
--th-html-background-image: url('/images/d/d3/Neon_Prime_screenshot_01.jpg');
--th-html-background-color: #213342;
--th-html-scrollbar: #706F6D #191715;
--th-mw-body-back: #0c202d;
--th-p-personal-back: #0c202d;
--th-p-personal-border: #080504;
--th-p-personal-a: var(--th-link-color);
--th-p-personal-a-visited: var(--th-link-color);
--th-p-personal-a-hover: var(--th-link-color);
--th-mw-head-list-li-a: #9E8E7C;
--th-mw-head-list-li-a-select: white;
--th-mw-head-menu-tabs-li-back: #051421;
--th-mw-head-menu-tabs-li-border: #080504;
--th-mw-head-menu-tabs-li-select-back-1: #453427;
--th-mw-head-menu-tabs-li-select-back-2: #3D4032;
--th-mw-head-menu-tabs-li-select-border: #6EA399;
--th-mw-head-menu-dropdown-head-back: #051421;
--th-mw-head-menu-dropdown-head-border: #080504;
--th-mw-head-menu-dropdown-head: #645b50;
--th-search-box-inner-back: #0c202d;
--th-search-box-inner-border: #080504;
--th-search-box-input-back: rgba(255, 255, 255, 0.1);
--th-search-box-input: white;
--th-search-box-input-placeholder: var(--text-color);
--th-mw-panel-portlet-back: #0c202d;
--th-link-color: #0ae6f6 !important;
--th-alt-link-color: #fff4dfcc !important;
--th-box-shadow: 2px 2px 5px 0px #0000005e;
/* Old */
    --icon-filter: none;
   
    /* Custom link colors */
    --color-progressive: #0ae6f6 !important;
    --color-progressive--hover: #0ae6f6 !important;
    --color-progressive--active: #0ae6f6 !important;
    --background-color-progressive: var(--color-progressive) !important;
    --color-visited: #0ae6f6 !important;
}


/* Headings */
/* Headings */