User:Winkio/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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* default vector theme */
:root {
	--theme-body-bg: #f8f9fa;
	--theme-body-color: #202122;
	--theme-header-bg: #fff;
	--theme-header-color: #202122;
	--theme-header-icon-filter: none;
	
	--theme-dropdown-bg: #fff;
	
	/* syntax highlighting colors, original from cs2022dark.css highlight.js theme */
	--theme-hljs-bg: #1e1e1e;
	--theme-hljs-unset: #dbdbdb;
	--theme-hljs-comment: #57a64a;
	--theme-hljs-doctag: #556b2f;
	--theme-hljs-keyword: #569cd6;
	--theme-hljs-type: #4ec9b0;
	--theme-hljs-function: #dcdcaa;
	--theme-hljs-string: #d69d85;
	--theme-hljs-number: #b5cea8;
	--theme-hljs-variable: #9cdcfe;
	--theme-hljs-symbol: #d8a0df;
	--theme-hljs-regexp: #9a5334;
	--theme-hljs-meta: #9b9b9b;
	--theme-hljs-section: gold;
	--theme-hljs-attribute: #92caf4;
	--theme-hljs-bullet: #d7ba7d;
	--theme-hljs-addition: #144212;
	--theme-hljs-deletion: #600;
	--theme-hljs-tsql-symbol: #dcdcdc;
	--theme-hljs-tsql-string: #cb4141;
	--theme-hljs-tsql-built_in: #c975d5;
	--theme-hljs-tsql-sp: #b3725b;
}

@media screen {
	.vector-feature-zebra-design-disabled body {
	   background: var(--theme-body-bg);
	   color: var(--theme-body-color);
    }
    
    .vector-feature-zebra-design-disabled .vector-header-container {
    	background: var(--theme-header-bg);
    }
	
	.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
		background: var(--theme-dropdown-bg);
	}
	
	 .vector-user-menu-logged-in .vector-dropdown-label::after {
	 	filter: var(--theme-header-icon-filter);
	 }
}

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
	color: var(--theme-header-color);
}

.vector-header,
.vector-header-container {
	color: var(--theme-header-color);
}

.vector-header .vector-icon,
.vector-header-container .vector-icon {
	filter: var(--theme-header-icon-filter);
}

/* syntax highlighting colors */
.hljs{background:var(--theme-hljs-bg)}
.hljs,.hljs-operator,.hljs-property,.hljs-punctuation,.hljs-subst,.hljs-unset{color:var(--theme-hljs-unset)}
.hljs-quote,.hljs-comment{color:var(--theme-hljs-comment)}
.hljs-doctag{color:var(--theme-hljs-doctag)}
.hljs-built_in,.hljs-name,.hljs-literal,.hljs-link,.hljs-meta-keyword,.hljs-keyword{color:var(--theme-hljs-keyword)}
.hljs-title,.hljs-type{color:var(--theme-hljs-type)}
.hljs-title.function_{color:var(--theme-hljs-function)}
.hljs-meta-string,.hljs-string{color:var(--theme-hljs-string)}
.hljs-number{color:var(--theme-hljs-number)}
.hljs-builtin-name,.hljs-formula,.hljs-params,.hljs-template-variable,.hljs-variable{color:var(--theme-hljs-variable)}
.hljs-symbol{color:var(--theme-hljs-symbol)}
.hljs-template-tag,.hljs-regexp{color:var(--theme-hljs-regexp)}
.hljs-tag,.hljs-tsql-literal,.hljs-meta{color:var(--theme-hljs-meta)}
.hljs-section{color:var(--theme-hljs-section)}
.hljs-attr,.hljs-attribute{color:var(--theme-hljs-attribute)}
.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag,.hljs-bullet{color:var(--theme-hljs-bullet)}
.hljs-addition{background-color:var(--theme-hljs-addition)}
.hljs-deletion{background-color:var(--theme-hljs-deletion)}
.hljs-tsql-symbol{color:var(--theme-hljs-tsql-symbol)}
.hljs-tsql-string{color:var(--theme-hljs-tsql-string)}
.hljs-tsql-built_in{color:var(--theme-hljs-tsql-built_in)}
.hljs-tsql-sp{color:var(--theme-hljs-tsql-sp)}

/* light vector theme */
:root {
	--theme-body-bg: #072207;
	--theme-body-color: #202122;
	--theme-header-bg: #151;
	--theme-header-color: #fff;
	--theme-header-icon-filter: invert(100%);
	
	--theme-dropdown-bg: #151;
	
	/* syntax highlighting colors */
	--theme-hljs-bg: #eee;
	--theme-hljs-unset: #000;
	--theme-hljs-comment: #57a64a;
	--theme-hljs-doctag: #556b2f;
	--theme-hljs-keyword: #569cd6;
	--theme-hljs-type: #4ec9b0;
	--theme-hljs-function: #dcdcaa;
	--theme-hljs-string: #d69d85;
	--theme-hljs-number: #b5cea8;
	--theme-hljs-variable: #9cdcfe;
	--theme-hljs-symbol: #d8a0df;
	--theme-hljs-regexp: #9a5334;
	--theme-hljs-meta: #9b9b9b;
	--theme-hljs-section: gold;
	--theme-hljs-attribute: #92caf4;
	--theme-hljs-bullet: #d7ba7d;
	--theme-hljs-addition: #144212;
	--theme-hljs-deletion: #600;
	--theme-hljs-tsql-symbol: #dcdcdc;
	--theme-hljs-tsql-string: #cb4141;
	--theme-hljs-tsql-built_in: #c975d5;
	--theme-hljs-tsql-sp: #b3725b;
}