update themes

Hunter
Wednesday, November 12th, 2025 at 11:48 PM


script.js+1-1


style.css+12-12
script.js
993  // Theme system
994  let currentThemeIndex = 0;
995  let isF2Pressed = false;
    -const themes = ['sea-breeze', 'grape-soda', 'coral', 'guac', 'mojito', 'toast'];
996 +const themes = ['sea-breeze', 'grape-soda', 'grapefruit', 'guac', 'mojito', 'toast'];
997  
998  function setTheme(theme) {
999  	document.documentElement.setAttribute('data-theme', theme);
style.css
 14  
 15  	/* toast theme colors */
 16  	--butter: #ffe598;
    -	--cream: #fffef9;
 17 +	--white-wheat: #fffef9;
 18  	--crumb: #decca3;
 19  	--peanut-butter: #be852a;
 20  

 30  	--concentrate: #b8a9dd;
 31  	--syrup: #7c5cbe;
 32  
    -	/* coral theme colors */
    -	--reef: #ff9b87;
    -	--pearl: #fff8f6;
    -	--sand: #f0bcb3;
    -	--anemone: #ff6b51;
 33 +	/* grapefruit theme colors */
 34 +	--rind: #ff9b87;
 35 +	--pith: #fff8f6;
 36 +	--pulp: #f0bcb3;
 37 +	--ruby: #ff6b51;
 38  
 39  	/* sea-breeze theme colors */
 40  	--cerulean: #a3d5ff;

 73  
 74  :root[data-theme="toast"] {
 75  	--desk: var(--butter);
    -	--page: var(--cream);
 76 +	--page: var(--white-wheat);
 77  	--grid-line: var(--crumb);
 78  	--accent: var(--peanut-butter);
 79  }

 92  	--accent: var(--syrup);
 93  }
 94  
    -:root[data-theme="coral"] {
    -	--desk: var(--reef);
    -	--page: var(--pearl);
    -	--grid-line: var(--sand);
    -	--accent: var(--anemone);
 95 +:root[data-theme="grapefruit"] {
 96 +	--desk: var(--rind);
 97 +	--page: var(--pith);
 98 +	--grid-line: var(--pulp);
 99 +	--accent: var(--ruby);
100  }
101  
102  :root[data-theme="sea-breeze"] {