:root {
|
|
color-scheme: light;
|
|
--alert-no-data-bg: #f5f5f5;
|
|
--alert-no-data-border: #ddd;
|
|
--alert-no-data-color: #444;
|
|
--alert-success-bg: #dff0d8;
|
|
--alert-success-border: #d6e9c6;
|
|
--alert-success-color: #3c763d;
|
|
--body-bg: #FFF;
|
|
--border-color: #ddd;
|
|
--border-muted: #eee;
|
|
--breadcrumb-active-color: #777;
|
|
--breadcrumb-bg: #f5f5f5;
|
|
--btn-active-bg: #e6e6e6;
|
|
--btn-active-border: #adadad;
|
|
--btn-active-color: #333;
|
|
--btn-default-bg: #fff;
|
|
--btn-default-border: #ccc;
|
|
--btn-default-color: #333;
|
|
--btn-remove-bg: #fff;
|
|
--btn-remove-color: #d43f3a;
|
|
--btn-remove-hover: #ffebea;
|
|
--channel-off-color: #ddd;
|
|
--channel-off-inside-color: #FFF;
|
|
--close-color: #000;
|
|
--debug-warning-bg: #eee;
|
|
--dropdown-bg: #fff;
|
|
--dropdown-link-hover-bg: #f5f5f5;
|
|
--get-started-bg: #f2f5f2;
|
|
--input-bg-disabled: #eeeeee;
|
|
--input-border: #ccc;
|
|
--input-color: #555;
|
|
--input-group-addon-bg: #eeeeee;
|
|
--jumbotron-bg: #eee;
|
|
--label-ign-bg: #e0e0e0;
|
|
--label-ign-color: #333;
|
|
--label-start-color: #117a3f;
|
|
--link-color: #0091EA;
|
|
--link-hover-color: #00629e;
|
|
--log-missing-bg: #fff3f2;
|
|
--modal-content-bg: #fff;
|
|
--nav-link-hover-bg: #eee;
|
|
--panel-bg: #fff;
|
|
--panel-success-bg: #dff0d8;
|
|
--plan-business-border: #90CAF9;
|
|
--plan-business-color: #141c22;
|
|
--plan-business-plus-border: #BCAAA4;
|
|
--plan-business-plus-color: #221f1e;
|
|
--plan-hobbyist-border: #A5D6A7;
|
|
--plan-hobbyist-color: #0a220c;
|
|
--plan-supporter-border: #FFE082;
|
|
--plan-supporter-color: #1d190f;
|
|
--pre-bg: #f5f5f5;
|
|
--selectize-tag-bg: #efefef;
|
|
--small-text-color: #111;
|
|
--state-info-bg: #d9edf7;
|
|
--state-info-border: #bce8f1;
|
|
--state-info-color: #31708f;
|
|
--status-new-color: #ccc;
|
|
--table-bg-hover: #f5f5f5;
|
|
--tag-bg: #eee;
|
|
--tag-checked-bg: #333;
|
|
--tag-checked-border: #000;
|
|
--tag-checked-color: #eee;
|
|
--tag-checked-shadow: #ddd;
|
|
--tag-color: #555;
|
|
--tag-up-bg: #fff;
|
|
--tag-up-border: #ccc;
|
|
--tag-up-color: #333;
|
|
--text-color: #333;
|
|
--text-muted: #767676;
|
|
}
|
|
|
|
|
|
body.dark {
|
|
color-scheme: dark;
|
|
--alert-no-data-bg: #29292c;
|
|
--alert-no-data-border: #303033;
|
|
--alert-no-data-color: #878790;
|
|
--alert-success-bg: #0f2c1c;
|
|
--alert-success-border: #2b4939;
|
|
--alert-success-color: #ebf5ef;
|
|
--body-bg: hsl(240, 6%, 10%);
|
|
--border-color: hsl(240, 3%, 22%);
|
|
--border-muted: hsl(240, 3%, 22%);
|
|
--breadcrumb-active-color: hsl(240, 3%, 60%);
|
|
--breadcrumb-bg: hsl(240, 6%, 16%);
|
|
--btn-active-bg: #6f6f7f;
|
|
--btn-active-border: #818191;
|
|
--btn-active-color: hsl(240, 3%, 98%);
|
|
--btn-default-bg: #383840;
|
|
--btn-default-border: #4e4e59;
|
|
--btn-default-color: hsl(240, 3%, 88%);
|
|
--btn-remove-bg: #202024;
|
|
--btn-remove-color: #ff4c46;
|
|
--btn-remove-hover: #3f1a22;
|
|
--channel-off-color: hsl(240, 6.7%, 23.5%);
|
|
--channel-off-inside-color: hsl(240, 3.7%, 43.5%);
|
|
--close-color: #fff;
|
|
--debug-warning-bg: #60002d;
|
|
--dropdown-bg: hsl(240, 6%, 16%);
|
|
--dropdown-link-hover-bg: #6f6f7f;
|
|
--get-started-bg: #2c2e2c;
|
|
--input-bg-disabled: #29292c;
|
|
--input-border: #464649;
|
|
--input-color: hsl(240, 3.3%, 88.2%);
|
|
--input-group-addon-bg: #29292c;
|
|
--jumbotron-bg: #1f1f22;
|
|
--label-ign-bg: #383840;
|
|
--label-ign-color: #e0e0e2;
|
|
--label-start-color: #e0e0e2;
|
|
--link-color: hsl(202.8, 100%, 55%);
|
|
--link-hover-color: hsl(202.8, 100%, 65%);
|
|
--log-missing-bg: #2d1e21;
|
|
--modal-content-bg: #1f1f22;
|
|
--nav-link-hover-bg: #383840;
|
|
--panel-bg: hsl(240, 6%, 16%);
|
|
--panel-success-bg: #165b35;
|
|
--plan-business-border: #90CAF9;
|
|
--plan-business-color: #e8f2f9;
|
|
--plan-business-plus-border: #BCAAA4;
|
|
--plan-business-plus-color: #fff5f2;
|
|
--plan-hobbyist-border: #A5D6A7;
|
|
--plan-hobbyist-color: #e3ffe4;
|
|
--plan-supporter-border: #FFE082;
|
|
--plan-supporter-color: #fff0c4;
|
|
--pre-bg: #29292c;
|
|
--selectize-tag-bg: #6f6f7f;
|
|
--small-text-color: #f0f0f2;
|
|
--state-info-bg: #123051;
|
|
--state-info-border: #163c64;
|
|
--state-info-color: #e0e2f5;
|
|
--status-new-color: hsl(240, 2%, 40%);
|
|
--table-bg-hover: #25252a;
|
|
--tag-bg: #303033;
|
|
--tag-checked-bg: #fff;
|
|
--tag-checked-border: #ccc;
|
|
--tag-checked-color: #333;
|
|
--tag-checked-shadow: #000;
|
|
--tag-color: #e0e0e2;
|
|
--tag-up-bg: #25252a;
|
|
--tag-up-border: #303033;
|
|
--tag-up-color: #e0e0e2;
|
|
--text-color: hsl(240, 3.3%, 88.2%);
|
|
--text-muted: hsl(240, 3%, 55%);
|
|
}
|
|
|
|
|
|
|
|
|
|
|