Difference between revisions of "MediaWiki:Common.css"

From Modern Nights
Jump to: navigation, search
Line 2: Line 2:
  
 
:root {
 
:root {
   --color-gray-10: #f4f4f4;
+
--interactive-1: #0f62fe; /* primary */
   --color-gray-20: #e0e0e0
+
   --interactive-2: #393939 /* secondary */
 +
  --interactive-3: #0f62fe; /* tertiary */
 +
  --interactive-active-accent: #0f62fe;
 +
  --danger-1: #da1e28;
 +
  --danger-2: #da1e28;
 +
  --secondary-background: #ffffff;
 +
  --secondary-background-light: #f4f4f4;
 +
   --secondary-background-subtle-border: #e0e0e0;
 +
  --medium-contrast-border: #8d8d8d;
 +
  --high-contrast-border: #161616;
 +
  --button-separator: #e0e0e0;
 +
  --decorative-light: #e0e0e0;
 +
  --text-primary: #161616;
 +
  --text-secondary: #525252;
 +
  --text-tertiary: #a8a8a8;
 +
  --text-interactive: #ffffff;
 +
  --text-help: #6f6f6f;
 +
  --text-error: #da1e28;
 +
  --link-primary: #0f62fe;
 +
  --link-secondary: #0043ce /* lower contrast bgs */
 +
  --inverse-link: #78a9ff;
 +
  --icon-primary: #161616;
 +
  --icon-secondary: #525252;
 +
  --icon-tertiary: #ffffff;
 +
  --field-01: #ffffff;
 +
  --field-02: #f4f4f4;
 +
  --inverse-01: #ffffff;
 +
  --inverse-02: #393939
 +
  --support-error: #da1e28;
 +
  --support-success: #198038;
 +
  --support-warning: #f1c21b;
 +
  --support-information: #0043ce;
 +
  --overlay: rgba(8.6, 8.6, 8.6, 50%);
 +
 
 
}
 
}
  
 
#mw-panel {
 
#mw-panel {
   background: var(--color-gray-20);
+
   background: var(--color-background);
 
}
 
}

Revision as of 10:01, 19 July 2021

/* CSS placed here will be applied to all skins */

:root {
--interactive-1: #0f62fe; /* primary */
  --interactive-2: #393939 /* secondary */
  --interactive-3: #0f62fe; /* tertiary */
  --interactive-active-accent: #0f62fe;
  --danger-1: #da1e28;
  --danger-2: #da1e28;
  --secondary-background: #ffffff;
  --secondary-background-light: #f4f4f4;
  --secondary-background-subtle-border: #e0e0e0;
  --medium-contrast-border: #8d8d8d;
  --high-contrast-border: #161616;
  --button-separator: #e0e0e0;
  --decorative-light: #e0e0e0;
  --text-primary: #161616;
  --text-secondary: #525252;
  --text-tertiary: #a8a8a8;
  --text-interactive: #ffffff;
  --text-help: #6f6f6f;
  --text-error: #da1e28;
  --link-primary: #0f62fe;
  --link-secondary: #0043ce /* lower contrast bgs */
  --inverse-link: #78a9ff; 
  --icon-primary: #161616;
  --icon-secondary: #525252;
  --icon-tertiary: #ffffff;
  --field-01: #ffffff;
  --field-02: #f4f4f4;
  --inverse-01: #ffffff;
  --inverse-02: #393939
  --support-error: #da1e28;
  --support-success: #198038;
  --support-warning: #f1c21b;
  --support-information: #0043ce;
  --overlay: rgba(8.6, 8.6, 8.6, 50%);

}

#mw-panel {
  background: var(--color-background);
}