|
|
| Riga 1: |
Riga 1: |
| /* Gli stili CSS inseriti qui si applicano a tutti i temi */ | | /* Gli stili CSS inseriti qui si applicano a tutti i temi */ |
| @media screen{
| |
| :root.skin-citizen-light { /*Light mode*/
| |
| /***** actual Citizen variables *****/
| |
| --color-surface-0:white; /*site background only*/
| |
| --color-surface-1:white; /*Modal, dropdown. Defaults to same as surface-0*/
| |
| --color-surface-2:hsl(0,0%,97%);
| |
| --color-surface-4:hsl(213,30%,85%);
| |
| --color-surface-5:hsl(220,17%,93%);
| |
| --color-surface-6:hsl(200,2%,60%);
| |
| --color-surface-7:hsl(180,2%,40%);
| |
| --color-progressive:#3366CC; /*Secondary (additional) color, defaults to blue*/
| |
| --border-color-base: rgba(0,0,0,0.08) ; /*base border color, defaults to 0.08 alpha black*/
| |
|
| |
| /** Custom variables **/
| |
| --color-surface-subtle-red:hsl(0, 100%, 97%);
| |
| --color-success2:hsl(167,70%,31%);
| |
| --color-codeeditor-select:#b5d5ff;
| |
| --color-codeeditor-similar:#fafaff;
| |
| --color-codeeditor-similar-border:#c8c8fa;
| |
| --color-red-2:#900010;
| |
| --color-red-3:#b50014;
| |
| --color-red-detail-3:#c33242;
| |
| --color-base:#262e35;
| |
| --color-base--subtle:#646464;
| |
| --color-base--emphasized:#202020;
| |
| --border-color-1:#b0b0b0;
| |
| --border-color-2:#c7c7c7;
| |
| }
| |
|
| |
| :root.skin-citizen-dark { /*dark mode*/
| |
| /***** actual Citizen variables *****/
| |
|
| |
|
| |
| /** Custom variables **/
| |
| --color-codeeditor-select:#485465;
| |
| --color-codeeditor-similar:#394350;
| |
| --color-codeeditor-similar-border:#4c5561;
| |
| --color-red-2:#900010;
| |
| --color-red-3:#800000;
| |
| --color-red-detail-3:#6d0000;
| |
| --color-surface-subtle-red:hsl(0, 45%, 28%);
| |
| --border-color-1:hsl(220, 28%, 23%);
| |
| --border-color-2:hsl(220,25%,20%);
| |
| }
| |
|
| |
| }
| |
| .skin-citizen-dark .mw-portlet a::before{ /* inverts preprended icon colour in dark theme */
| |
| filter:invert(1);
| |
| }
| |
