Wordle Customizer by alcatraz

/* ==UserStyle==
@name           Wordle Customizer
@namespace      userstyles.world/user/alcatraz
@version        0.1.0
@description    Customize Wordle to your liking
@author         Alcatraz
@preprocessor	stylus

@var color	color_correct		'Color Correct'					            #6aaa64
@var color	color_present		'Color Present'					            #c9b458
@var color	color_absent		'Color Absent'					            #787c7e

@var color	color_correct_dark	'Color Correct (Dark Theme)'	            #538d4e
@var color	color_present_dark	'Color Present (Dark Theme)'	            #b59f3b
@var color	color_absent_dark	'Color Absent (Dark Theme)'		            #3a3a3c

@var color	color_correct_hc	'Color Correct (High Contrast)'	            #58a351

@var color	color_correct_cb	'Color Correct (Colorblind)'	            #f5793a
@var color	color_present_cb	'Color Present (Colorblind)'	            #85c0f9

@var color	color_correct_cb_hc	'Color Present (Colorblind, High Contrast)'	#f5793a

@var range	tile_spacing 		'Tile Spacing'					            [5, 1, 10, 1]
@var range	tile_size			'Tile Size'						            [52, 40, 65, 1]

@var range	key_height			'Key Height'					            [58, 40, 65, 1]
==/UserStyle== */

@-moz-document url("https://www.nytimes.com/games/wordle/index.html") {
	
    /*-----COLORS-----*/
    :root{
		--color-present: color_present; /* default: var(--yellow-3) */
		--color-correct: color_correct; /* default: var(--green) */
		--color-absent: color_absent; /* default: var(--color-tone-2) */
		
		--color-correct-high-contrast: color_correct_hc; /* default: var(--wordle-high-contrast-green). affects bar graph in statistics */
	}
	.dark{
		--color-present: color_present_dark; /* default: var(--yellow-4) */
		--color-correct: color_correct_dark; /* default: var(--green-4) */
		--color-absent: color_absent_dark; /* default: var(--color-tone-4) */
	}
    .colorblind{
        --color-correct: color_correct_cb; /* default: var(--orange) */
        --color-present: color_present_cb; /* default: var(--blue) */
        /* --color-absent is same as w/o colorblind on, regardless of light or dark theme */

        --color-correct-high-contrast: color_correct_cb_hc; /* default: var(--orange). affects bar graph in statistics */
    }
    
	/*-----GAME BOARD-----*/
	.Board-module_board__jeoPS{
		width: fit-content !important;
		height: fit-content !important;
	}
	.Board-module_board__jeoPS,
	.Row-module_row__pwpBq{
		grid-gap: s("%spx", tile_spacing);
	}
	.Tile-module_tile__UWEHN{
		height: s('%spx', tile_size);
		width: s('%spx', tile_size);
	}
    
	/*-----KEYBOARD-----*/
	.Key-module_key__kchQI{
		height: s("%spx", key_height);
	}
    
	/*-----STATISTICS-----*/
	/* Color Normalization */
	.Stats-module_graphContainer__Al4D1 .Stats-module_graph__f4tUv .Stats-module_graphBar__HvdG8{
		background: var(--color-tone-4);
	}
    
	/*-----HOW TO PLAY-----*/
	.Help-module_tileContainer__vGHuc{
		height: min-content;
		width: min-content;
	}
}