/**
 * themes/dark
 * 		default accent: blue
 */

:root {
	/* general */
		--body-bg: #080808;
		--body-text: #cccccc;
		--quote-text: #777777;

		--img-bordered: black;

		--link-text: #f9f;
		--link-active: #fff;
		--link-visited: #c6c;
		--link-hover-fg: white;
		--link-hover-bg: #b6b;

		--alertbox-border: #833;
		--alertbox-fg: #ddd;
		--alertbox-bg: #4c0c0c;
		--alertbox-bg: rgba(76, 12, 12, 0.2);
		
		--warningbox-border: #771;
		--warningbox-fg: #ddd;
		--warningbox-bg: #4c4c0c;
		--warningbox-bg: rgba(76, 76, 12, 0.2);

	/* sidebar */
		--page-sidebar-bg: #000000;
		--page-sidebar-border: #f9f;
		--sb-taglinebox-bg: linear-gradient(#222, #181818);
		--sb-taglinebox-bg: transparent;
		--sb-taglinebox-border: transparent;
		--sb-taglinebox-fg: #f9f;
		--sb-navbox-bg: transparent;
		--sb-navbox-border: transparent;
		--sb-navbox-fg: #ddd;
		--sb-navbox-linktext: #ddd;
		--sb-navbox-linkhoverbg: #f9f;
		--sb-navbox-linkhoverfg: #fff;
		--sb-navbox-hr: #1c1c1c;
		--sb-footer-fg: #555;
		--sb-logocaption-color: #f9f;

		--sb-navbox-linkhoverbg: linear-gradient(#f9f, #606);

	/* content */
		--container-border: #606;
		--container-hborder: #5090ff;
		--container-bg: #000000;
		--container-hr: #222222;
		--container-body-hr: #222222;

		--container-headerbar-bg: #606;
		--container-headerbar-fg: #fff;
		--container-headerbar-border: #606;
		--container-headerbar-border-top: #606;
		--container-headerbar-hbg: #002266;
		--container-headerbar-hfg: #fff;
		--container-headerbar-hborder: #002266;
		--container-headerbar-hborder-top: #002266;

		/* use these values for a gradient effect */
		--container-headerbar-bg: linear-gradient(#f9f, #606);
		--container-headerbar-hbg: linear-gradient(#2070ee, #5090ff);
		--container-headerbar-border-top: #f9f;
		--container-headerbar-hborder-top: #2070ee;


	/* ui */
		--ui-textbox-fg: #eeeeee;
		--ui-textbox-bg: #080808;
		--ui-textbox-border: #333333;
		--ui-textbox-focus-bg: #444444;
		--ui-textbox-focus-fg: #eeeeee;
		--ui-textbox-focus-border: #f9f;

		--ui-button-bg: black;
		--ui-button-fg: #f9f;
		--ui-button-border: #f9f;

		--ui-button-hover-bg: black;
		/*--ui-button-hover-bg: linear-gradient(#f9f, #606);*/
		--ui-button-hover-fg: white;
		/*--ui-button-hover-fg: #f9f;*/
		--ui-button-hover-border: #f9f;

		/*--ui-button-active-bg: #111111;*/
		/*--ui-button-active-bg: linear-gradient(#606, #f9f);*/
		--ui-button-active-bg: black;
		--ui-button-active-fg: white;
		/*--ui-button-active-border: #606;*/
		--ui-button-active-border: #f9f;

		/*--ui-button-alert-bg: #440000;*/
		--ui-button-alert-bg: black;
		/*--ui-button-alert-fg: white;*/
		--ui-button-alert-fg: #a00;
		--ui-button-alert-border: #a00;

		--ui-button-alert-hover-bg: #771111;
		--ui-button-alert-hover-fg: white;
		--ui-button-alert-hover-border: #440000;

		--ui-button-alert-active-bg: #330000;
		--ui-button-alert-active-fg: white;
		--ui-button-alert-active-border: #440000;

		--ui-button-submit-bg: #002266;
		--ui-button-submit-fg: white;
		--ui-button-submit-border: #002266;

		--ui-button-submit-hover-bg: #113399;
		--ui-button-submit-hover-fg: white;
		--ui-button-submit-hover-border: #002266;

		--ui-button-submit-active-bg: #113399;
		--ui-button-submit-active-fg: white;
		--ui-button-submit-active-border: #002266;
}