worlio-themes/css/theme.css

:root {
	--main-background: #d3d3d3;
	--main-text: #000000;
	
	--subtitle: #525252;
	--main-nav: dodgerblue;
	--acc-nav: #f3dca9;
	--acc-nav-separator: 2px solid #000000;
	
	--context-menu: #d0d0d0;
	--context-menu-border: 2px outset #a4a4a4;
	--context-menu-hover: #bfbfbf;
	
	--primary-container-background: #d9d4c9;
	--primary-container-border: 2px outset #e5e2d1;
	
	--secondary-container-background: #cacaca;
	--secondary-container-border: 2px outset #c1c1c1;
	
	--header-bg: #ffffff;
	--header-text: #000000;
	--header-line: 2px solid #000000;
	
	--code-bg: #ffffff63;
	--code-text: #000000;
	
	--comments-bgcolor: #ffffff;
	
	--border-line: #000000;
	--border-header: #ffffff;
	
	--inactive: #6e6e6e;
	--alert: #ce0000;
	--currency: #89541A;
	
	--staff: #d500d1;
	
	--tab-border: 2px outset #d9e2d7;
	--tab-inactive: #a8a8a8;
	--tab-selected: #c8cbce;
	--tab-gradient: #dedede;
	
	--popup-title-bg: #b3b3b3;
	--popup-title-border: 2px outset #868686;
	
	--dialog-title: linear-gradient(180deg, #ffffff 0%, #f3dca9 8px);
	--dialog-title-border: 1px outset #a48e65;
	--dialog-bg: #b3b3b3;
	--dialog-border: 1px outset #636363;
	--dialog-button: #fbebcc;
	--dialog-button-hover: #f9f7dd;
	--dialog-button-active: #fffeee;
	
	--listing-unknown: #dd8fe8;
	--listing-missing: #d57f6b;
	--listing-found: #8cb9fd;
	--listing-archived: #5dc668;
	
	--status-success: #458e1c;
	--status-error: #ff0000;
	
	--error: #c85151;
	--warn: #d5c58e;
	--info: #8d9dce;
	--success: #95ce8d;
	
	--mail-subject-bg: #b7b7b7;
	--mail-subject-border: 2px outset #8a8a8a;
	--mail-sub-bg: #cecece;
	--mail-sub-border: 2px outset #a8a8a8;
	--mail-content-bg: #dbdbdb;
	--mail-content-border: 2px outset #959595;
	--mail-buttonbar: #cacaca;
	
	--forum-header: linear-gradient(180deg, #ffffff 0%, #f3dca9 8px, #f3dca9 100%);
	--forum-header-border: 1px outset #a89b7f;
	--forum-content: #d9d4c9;
	--forum-content-border: 2px outset #a29c8d;
	
	--forum-sub: #d7ccb6;
	--forum-sub-border: 1px outset #99907b;
	
	--post: #d9d9d9;
	--post-border: 1px outset #bfb9a9;
	--post-bottombar: #d2d2d2;
	
	--post-author: #b4b6b7;
	--post-author-border: 1px outset #84775a;
	
	--quote-bg: #cacaca;
	--quote-border: 1px outset #9b9481;
	
	--spoiler-bg: #b0b0b0;
	--spoiler-header-bg: #1c1c1c;
	--spoiler-header-text: #E8E8E8;
	--spoiler-border: 1px inset #1c1c1c;
	
	--bar-bgcolor: #ffffff;
	
	--input-bg: #ffffff;
	--input-text: #000000;
	
	--direct: #ffffff;
	
	--background-image: url('//assets.worlio.com/style/background');
	
	/* DEPRECATED
	--button-large: url('//assets.worlio.com/style/button-large');
	--button-wide: url('//assets.worlio.com/style/button-wide');
	--button-long: url('//assets.worlio.com/style/button-long');
	--button-med: url('//assets.worlio.com/style/button-med');
	--button-small: url('//assets.worlio.com/style/button-small');
	*/
	--default-button-background: #d4d4d4;
	--default-button-border: 2px outset #dfdfdf;
	--hover-button-background: #99d4ab;
	--hover-button-border: 2px outset #b6e0c3;
	--active-button-background: #9e9e9e;
	--active-button-border: 2px inset #bfbfbf;
	--disabled-button-background: #808080;
	--disabled-button-border: 2px solid #808080;
	
	--navbar-left: url('//assets.worlio.com/style/navbar-left');
	--navbar-right: url('//assets.worlio.com/style/navbar-right');
	--navbar-top: url('//assets.worlio.com/style/navbar-top');
	--navbar-bottom: url('//assets.worlio.com/style/navbar-bottom');
	--nav-db: url('//assets.worlio.com/style/navbar-db');
	
	--navbar-bg: url('//assets.worlio.com/style/navbar-bg');
	--navbar-gradient: url('//assets.worlio.com/style/navbar-gradient');
	
	--primary-font: Pixio;
	--secondary-font: TypeWriter;
}