User:Hubianzhen/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* light mode css, adapted from User:Polavux/common.css */
/* caution: experimental feature; will only enable if I have css design things to do */
/*:root {

	--color-base: #1f150f;
	--color-base--hover: var(--color-emphasized);
	--color-subtle: #5d564e;
	--color-emphasized: #0f0605;
	--color-notice: var(--color-base);
	
	--color-progressive: #2dafdf;
	--color-progressive--hover: #7fc6ef;
	--color-progressive--active: #cbd6f6;
	--color-visited: var(--color-progressive--hover);
	--color-destructive: #ef6266;
	--color-destructive--hover: #ff91a4;
	
    --text-external: #8891df;
    --text-external--hover: #b6c3ff;
    
    --background-color-base: #f6f6f6;
    --background-color-neutral-subtle: #dcdcdc;
    --background-color-neutral: #a2a9b1;
    --background-color-interactive: var(--background-color-neutral);
    --background-color-interactive-subtle: var(--background-color-neutral-subtle);
    --background-color-notice-subtle: var(--background-color-neutral-subtle);


    --background-color-progressive--focus: #ff00ff;
    --background-color-progressive-subtle: #ff00ff;
    --background-color-progressive-subtle--hover: #ff00ff;
    --background-color-progressive-subtle--active: #ff00ff;
    
    --background-color-object-base: #c0a886;
    --background-color-object-neutral-subtle: #b8a282;
    --background-color-object-neutral: #d0bd97;
    
    --border-color-object-base: #ff00ff;
    --border-color-object-subtle: #ff00ff;
    
    --bg-border-primary: #ff00ff;
    --bg-border-secondary: #ff00ff;
    
    --item-highlight: #ff00ff;
    
    --background-color-error-subtle: #ff00ff;
    --background-color-warning-subtle: #ff00ff;
    --background-color-success-subtle: #ff00ff;
    --border-color-error: #ff00ff;
    --border-color-warning: #ff00ff;
    --border-color-success: #ff00ff;
    --border-color-notice: #ff00ff;
    
    --color-content-added: #ff00ff;
    --color-content-removed: #ff00ff;
    --background-color-content-added: #ff00ff;
    --background-color-content-removed: #ff00ff;
    --border-color-content-added: #ff00ff;
    --border-color-content-removed: #ff00ff;*/

	/*--text: #202122!important;
	--text-emphasized: #000000!important;
    --text-subtle: #a2a9b1;
    --text-link: #0645ad!important;
    --text-link--hover: #7fc6ef;
    --text-external: #8891df;
    --text-external--hover: #b6c3ff;
    --text-redlink: #ef6266;
    --text-redlink--hover: #ff91a4;
    
    --bg-primary: #a2a9b1!important;
    --bg-secondary: #dcdcdc!important;
    --bg-tertiary: #f6f6f6!important;
    --bg-border-primary: #909ac2;
    --bg-border-secondary: #cadcff;
    
    --item-primary: #c0a886!important;
    --item-secondary: #b8a282!important;
    --item-tertiary: #d0bd97!important;
    --item-border-primary: #5e524c;
    --item-border-secondary: #7d716b;
    --item-highlight: #20315a;
    
    --bg-error: #ff4242;
    --bg-warning: #301d00;
    --bg-success: #00261e;
    --bg-notice: #202122;
    --bg-error-subtle: #421211;
    --bg-warning-subtle: #301d00;
    --bg-success-subtle: #00261e;
    --bg-notice-subtle: #202122;
    --border-error: #ff4242;
    --border-warning: #fc3;
    --border-success: #00af89;
    --border-notice: #c8ccd1;
    
    --text-added: #44c97c;
    --text-removed: #ef6164;
    --bg-added: #2a4b8d;
    --bg-removed: #a66200;
    --border-added: #2a4b8d;
    --border-removed: #a66200;*/
/*}*/