Newer
Older
framework / scss / vars / _colors.scss
@TLCD96 TLCD96 on 11 Feb 2024 1017 bytes update
/**
 * Colors
 */

$black		:#000;
$white		:#fff;
$red		:#5f0202;
$gray		:#1f1f1f;
$emerald	:#00834e;
$indigo		:#4b0082;

$colors_backgrounds:(
	"black" 	: $black,
	"white"		: $white,
	"red"		: $red,
	"gray"		: $gray,
	"emerald"	: $emerald,
	"indigo"	: $indigo
);
$--gw-ring-offset-color: #fff;
$--gw-ring-color: rgba(59,130,246,0.5);

body:not([class*=theme-dark]):not([class*="theme-light"]){
	@media (prefers-color-scheme:dark){
		--content_bg_primary_color: #343a40;
		--content_bg_secondary_color: #454d55;
		--content_tx_color: white;
		--border-color: #4b545c;
		--border-active-color: #002f5e;
		--switch-handle-color: #e9e9e9;
		--switch-back-color: #002f5e;
		--switch-active-color: #008700;
	}
	@media (prefers-color-scheme:light){
		--content_bg_primary_color: #e1e1e1;
		--content_bg_secondary_color: #cccccc;
		--content_tx_color: #1f2d3d;
		--border-color: #dee2e6;
		--border-active-color: #007bff;
		--switch-handle-color: #fff;
		--switch-back-color  : #e9e9cb;
		--switch-active-color: #00aa00;
	}
}