|
Tags: Blanking Mobile edit Mobile web edit |
| Line 1: |
Line 1: |
| /* Colors */
| |
| /* Night, Dark */
| |
| .skin-theme-clientpref-night {
| |
| --background-image: url("https://petitplanet.wiki/images/b/b4/Background_Dark.jpg");
| |
| --page-background-color: #0d0f1e;
| |
| --page-text-color: #fefdde;
| |
|
| |
|
| --theme-accent-color: #ffed76;
| |
| --theme-accent-color--rgb: 255, 237, 118;
| |
| --theme-link-color: #51d5e3;
| |
|
| |
| --theme-color-1 : #161826;
| |
| --theme-color-2 : #1c1e2f;
| |
| --theme-color-3 : #292b41;
| |
| --theme-color-4 : #2f3148;
| |
| --theme-color-5 : #33354d;
| |
| --theme-color-6 : #3b3d56;
| |
| --theme-color-7 : #42445d;
| |
| --theme-color-8 : #4b4d66;
| |
| --theme-color-9 : #5a5c76;
| |
| --theme-color-10: #70728c;
| |
|
| |
| --theme-border-color: #292c41 !important;
| |
| --theme-border-color-subtle: #212337 !important;
| |
| --theme-page-background-color--secondary: #20242C;
| |
| --theme-page-text-color-inverse: #43403D;
| |
|
| |
| --group-color: #998a6b;
| |
| --border-color:#716243;
| |
| --title-color: #ceb582;
| |
| --subtitle-color: #ceb582;
| |
|
| |
| --pi-border: #292c41 !important;
| |
| --pi-tabber-bg-color: #353847;
| |
| --pi-tabber-color: #B2B2B4;
| |
| --pi-title-bg-color: var(--theme-accent-color);
| |
| --pi-title-color: var(--theme-page-background-color);
| |
| --pi-header-bg-color: #21232C;
| |
| --pi-header-color: var(--theme-accent-color);
| |
| --pi-rows-color: #272935;
| |
|
| |
| --header-link-border-color-1: #3d285a;
| |
| --header-link-border-color-2: #2f295c;
| |
| --mobile-lightbox-border-color: var(--theme-border-color);
| |
|
| |
| --table-ascension-bg-color: #2C2E3A;
| |
|
| |
| --color-buzz: #2095EF;
| |
| --color-bp: #cc8000;
| |
| --color-menu: #D3BC8E;
| |
| --color-new: #41be3a;
| |
| --color-old: #e35045;
| |
| --color-help: #e0bb00;
| |
| --color-catch: #85cdae;
| |
|
| |
| --custom-tabs-active-color: var(--page-background-color);
| |
| }
| |
|
| |
| /* OS, Auto */
| |
| @media screen and (prefers-color-scheme: dark) {
| |
| .skin-theme-clientpref-os {
| |
| --background-image: url("https://petitplanet.wiki/images/b/b4/Background_Dark.jpg");
| |
| --page-background-color: #0d0f1e;
| |
| --page-text-color: #fefdde;
| |
|
| |
| --theme-accent-color: #ffed76;
| |
| --theme-accent-color--rgb: 255, 237, 118;
| |
| --theme-link-color: #51d5e3;
| |
|
| |
| --theme-color-1 : #161826;
| |
| --theme-color-2 : #1c1e2f;
| |
| --theme-color-3 : #292b41;
| |
| --theme-color-4 : #2f3148;
| |
| --theme-color-5 : #33354d;
| |
| --theme-color-6 : #3b3d56;
| |
| --theme-color-7 : #42445d;
| |
| --theme-color-8 : #4b4d66;
| |
| --theme-color-9 : #5a5c76;
| |
| --theme-color-10: #70728c;
| |
|
| |
| --theme-border-color: #292c41 !important;
| |
| --theme-border-color-subtle: #212337 !important;
| |
| --theme-page-background-color--secondary: #20242C;
| |
| --theme-page-text-color-inverse: #43403D;
| |
|
| |
| --group-color: #998a6b;
| |
| --border-color:#716243;
| |
| --title-color: #ceb582;
| |
| --subtitle-color: #ceb582;
| |
|
| |
| --pi-border: #292c41 !important;
| |
| --pi-tabber-bg-color: #353847;
| |
| --pi-tabber-color: #B2B2B4;
| |
| --pi-title-bg-color: var(--theme-accent-color);
| |
| --pi-title-color: var(--theme-page-background-color);
| |
| --pi-header-bg-color: #21232C;
| |
| --pi-header-color: var(--theme-accent-color);
| |
| --pi-rows-color: #272935;
| |
|
| |
| --header-link-border-color-1: #3d285a;
| |
| --header-link-border-color-2: #2f295c;
| |
| --mobile-lightbox-border-color: var(--theme-border-color);
| |
|
| |
| --table-ascension-bg-color: #2C2E3A;
| |
|
| |
| --color-buzz: #2095EF;
| |
| --color-bp: #cc8000;
| |
| --color-menu: #D3BC8E;
| |
| --color-new: #41be3a;
| |
| --color-old: #e35045;
| |
| --color-help: #e0bb00;
| |
| --color-catch: #85cdae;
| |
|
| |
| --custom-tabs-active-color: var(--page-background-color);
| |
| }
| |
| }
| |
|
| |
| /* Day, Light */
| |
| .skin-theme-clientpref-day {
| |
| --background-image: url("https://petitplanet.wiki/images/c/c3/Background_Light.jpg");
| |
| --page-background-color: #f6f9dd;
| |
| --page-text-color: #5a4a3c;
| |
|
| |
| --theme-accent-color: #eac863;
| |
| --theme-accent-color--rgb: 234, 200, 99;
| |
| --theme-link-color: #3893a5;
| |
|
| |
| --theme-color-1 : #e4e8c3;
| |
| --theme-color-2 : #ebeaca;
| |
| --theme-color-3 : #dad9b5;
| |
| --theme-color-4 : #d0cfa6;
| |
| --theme-color-5 : #c2c195;
| |
| --theme-color-6 : #b8b78a;
| |
| --theme-color-7 : #a6a575;
| |
| --theme-color-8 : #8f8e5c;
| |
| --theme-color-9 : #7f7e4d;
| |
| --theme-color-10: #55552f;
| |
|
| |
| --theme-border-color: #cdbaaa !important;
| |
| --theme-border-color-subtle: #ddcaba !important;
| |
|
| |
| --color-buzz: #0075EB;
| |
| --color-bp: #cc8000;
| |
| --color-menu: #937C6E;
| |
| --color-new: #317e2a;
| |
| --color-old: #932015;
| |
| --color-help: #BB8010;
| |
| --color-catch: #68b996;
| |
| }
| |
|
| |
| .text-buzz, .text-buzz * { color: var(--color-buzz); }
| |
| .bg-buzz { background-color: var(--color-buzz); }
| |
|
| |
| .text-bp, .text-bp * { color: var(--color-bp); }
| |
| .bg-bp { background-color: var(--color-bp); }
| |
|
| |
| .text-menu, .text-menu * { color: var(--color-menu); }
| |
| .bg-menu { background-color: var(--color-menu); }
| |
|
| |
| .text-new, .text-new * { color: var(--color-new); }
| |
| .bg-new { background-color: var(--color-new); }
| |
|
| |
| .text-old, .text-old * { color: var(--color-old); }
| |
| .bg-old { background-color: var(--color-old); }
| |
|
| |
| .text-help, .text-help * { color: var(--color-help); }
| |
| .bg-help { background-color: var(--color-help); }
| |
|
| |
| .text-catch, .text-catch * { color: var(--color-catch); }
| |
| .bg-catch { background-color: var(--color-catch); }
| |
