/*
	DEFAULT THEME SETTING (DARK)
	OVERWRITE USING [data-theme="dark"] or [data-theme="light"] in other files...
	DO NOT CHANGE THIS FILE!
*/
:root {
	--theme-1000: #002828;
	--theme-900: #004747;
	--theme-800: #006666;
	--theme-700: #0E8585;
	--theme-600: #2DA4A4;
	--theme-500: #4CC3C3;
	--theme-400: #6BE2E2;
	--theme-300: #8AFFFF;
	--theme-200: #A9FFFF;
	--theme-100: #C8FFFF;

	--gray-1000: #FFFFFF;
	--gray-900: #DBDBDB;
	--gray-800: #DBDBDB;
	--gray-700: #BFBFBF;
	--gray-600: #A3A3A3;
	--gray-500: #878787;
	--gray-400: #6B6B6B;
	--gray-300: #4F4F4F;
	--gray-200: #333333;
	--gray-100: #171717;

	--theme-font-family : "Century Gothic", Microsoft JhengHei, "Lucida Grande", Helvetica, Arial, sans-serif;
	--theme-font-size : 14px;

	--theme-body-bg: var(--gray-1000);
	--theme-body-color: var(--gray-100);
	--theme-header-bg: var(--theme-1000);
	--theme-header-color: var(--gray-100);
	--theme-sub-header-bg: var(--theme-700);
	--theme-sub-header-color: var(--gray-100);
	--theme-button-bg: var(--theme-800);
	--theme-button-color: var(--gray-100);
	--theme-container-bg: var(--gray-900);
	--theme-container-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.05);

	--theme-login-box-bg: rgba(0, 0, 0, 0.1);
	--theme-input-box-bg: var(--gray-900);
	--theme-input-addon-icon-bg: var(--gray-900);

	--theme-main-menu-bar-bg: var(--gray-900);

	--theme-text-success: rgba(0, 193, 0, 1);
	--theme-text-error: rgba(255, 0, 0, 1);
	--theme-text-warning: rgba(255, 155, 0, 1);

	--header-height : 45px;
	--announcement-bar-height : 30px;
	--announcement-bar-bg : #006666;
	--announcement-bar-text : #ffffff;
	--sub-header-height : 40px;
	--two-header-height: 90px;

	--svg-image-color : invert(0);
}


[data-theme="dark"] {
	--theme-body-bg: var(--gray-1000);
	--theme-body-color: var(--gray-100);
	--theme-header-bg: var(--theme-1000);
	--theme-header-color: var(--gray-100);
	--theme-sub-header-bg: var(--theme-700);
	--theme-sub-header-color: var(--gray-100);
	--theme-button-bg: var(--theme-800);
	--theme-button-color: var(--gray-100);
	--theme-container-bg: var(--gray-900);
	--theme-container-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.05);

	--theme-login-box-bg: #2F2F2F;
	--theme-input-box-bg: var(--gray-900);
	--theme-input-addon-icon-bg: var(--gray-900);

	--theme-main-menu-bar-bg: var(--gray-900);

	--code-string: #0ee000;
	--code-boolean: #0080d6;
	--code-label: #de0000;
	--code-number: #0080d6;
	--code-show-more: #d0d0d0;
	--code-expand: #d0d0d0;

	--svg-image-color : invert(0);
}
[data-theme="light"] {
	--theme-body-bg: var(--gray-200);
	--theme-body-color: var(--gray-1000);
	--theme-header-bg: var(--theme-1000);
	--theme-header-color: var(--gray-100);
	--theme-sub-header-bg: var(--theme-700);
	--theme-sub-header-color: var(--gray-100);
	--theme-button-bg: var(--theme-800);
	--theme-button-color: var(--gray-100);
	--theme-container-bg: var(--gray-100);
	--theme-container-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.05);

	--theme-login-box-bg: #FFFFFF;
	--theme-input-box-bg: var(--gray-100);
	--theme-input-addon-icon-bg: var(--gray-100);

	--theme-main-menu-bar-bg: var(--gray-100);

	--code-string: #099200;
	--code-boolean: #004f90;
	--code-label: #910000;
	--code-number: #004f90;
	--code-show-more: #404040;
	--code-expand: #e8e8e8;

	--svg-image-color : invert(1);
}
.jsontree_label {
	color: var(--code-label) !important;
}
.jsontree_value_string {
	color: var(--code-string) !important;
}
.jsontree_value_boolean {
	color: var(--code-boolean) !important;
	font-weight: bold !important;
}
.jsontree_value_number {
	color: var(--code-number) !important;
}

.jsontree_show-more {
	color: var(--code-show-more) !important;
	font-weight: 500 !important;
}

.jsontree_expand-button {
	background-color: var(--code-expand) !important;
}