Difference between revisions of "User:Maxcodes/common.css"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
m (Maxcodes moved page User:Maxcodes/catppuccin.css to User:Maxcodes/common.css over redirect: I don't know how themes work.)
(Storing variables in here, styles in the skin css)
 
Line 8: Line 8:
  
 
:root {
 
:root {
 +
  --ctp-rosewater: #dc8a78;
 +
  --ctp-flamingo: #dd7878;
 +
  --ctp-pink: #ea76cb;
 +
  --ctp-mauve: #8839ef;
 +
  --ctp-red: #d20f39;
 +
  --ctp-maroon: #e64553;
 +
  --ctp-peach: #fe640b;
 +
  --ctp-yellow: #df8e1d;
 +
  --ctp-green: #40a02b;
 +
  --ctp-teal: #179299;
 +
  --ctp-sky: #04a5e5;
 +
  --ctp-sapphire: #209fb5;
 +
  --ctp-blue: #1e66f5;
 +
  --ctp-lavender: #7287fd;
 +
  --ctp-text: #4c4f69;
 +
  --ctp-subtext-1: #5c5f77;
 +
  --ctp-subtext-0: #6c6f85;
 +
  --ctp-overlay-2: #7c7f93;
 +
  --ctp-overlay-1: #8c8fa1;
 +
  --ctp-overlay-0: #9ca0b0;
 +
  --ctp-surface-2: #acb0be;
 +
  --ctp-surface-1: #bcc0cc;
 +
  --ctp-surface-0: #ccd0da;
 
   --ctp-base: #eff1f5;
 
   --ctp-base: #eff1f5;
   --ctp-text: #4c4f69;
+
   --ctp-mantle: #e6e9ef;
   --ctp-blue: #1e66f5;
+
   --ctp-crust: #dce0e8;
 
 
  background-color: var(--ctp-base);
 
  color: var(--ctp-text);
 
}
 
 
 
a {
 
  color: var(--ctp-blue);
 
 
}
 
}

Latest revision as of 13:22, 16 February 2026

/*
Styles adapted from Catppuccin @catpuccin.com
Style guidelines here: github.com/catppuccin/catppuccin/blob/main/docs/style-guide.md

Light theme used: Latte
Dark theme used: Macchiato
*/

:root {
  --ctp-rosewater: #dc8a78;
  --ctp-flamingo: #dd7878;
  --ctp-pink: #ea76cb;
  --ctp-mauve: #8839ef;
  --ctp-red: #d20f39;
  --ctp-maroon: #e64553;
  --ctp-peach: #fe640b;
  --ctp-yellow: #df8e1d;
  --ctp-green: #40a02b;
  --ctp-teal: #179299;
  --ctp-sky: #04a5e5;
  --ctp-sapphire: #209fb5;
  --ctp-blue: #1e66f5;
  --ctp-lavender: #7287fd;
  --ctp-text: #4c4f69;
  --ctp-subtext-1: #5c5f77;
  --ctp-subtext-0: #6c6f85;
  --ctp-overlay-2: #7c7f93;
  --ctp-overlay-1: #8c8fa1;
  --ctp-overlay-0: #9ca0b0;
  --ctp-surface-2: #acb0be;
  --ctp-surface-1: #bcc0cc;
  --ctp-surface-0: #ccd0da;
  --ctp-base: #eff1f5;
  --ctp-mantle: #e6e9ef;
  --ctp-crust: #dce0e8;
}