@@ -22,18 +22,18 @@ export function toggleTheme(): void {
2222
2323 if ( currentMode === 'manual' ) {
2424 if ( currentTheme === 'dark' ) {
25- // Dark -> Light
25+ // If we're in dark mode, switch to light mode
2626 newTheme = 'light' ;
2727 newMode = 'manual' ;
2828 } else {
29- // Light -> Auto
29+ // If we're in light mode, switch to auto mode
3030 newMode = 'auto' ;
3131 // When switching to auto mode, try to detect theme immediately
3232 tryDetectThemeInPopup ( ) ;
3333 return ; // Exit early as tryDetectThemeInPopup will handle the rest
3434 }
3535 } else {
36- // Auto -> Dark
36+ // If we're in auto mode, switch to dark mode
3737 newTheme = 'dark' ;
3838 newMode = 'manual' ;
3939 }
@@ -120,13 +120,16 @@ function updateThemeUI(theme: string, mode: string = 'manual') {
120120 if ( ! themeIcon || ! themeText ) return ;
121121
122122 if ( mode === 'auto' ) {
123+ // Show that auto theme is enabled
123124 themeIcon . textContent = '🔄' ;
124- themeText . textContent = 'Auto Theme ' ;
125+ themeText . textContent = 'Auto' ;
125126 } else if ( theme === 'dark' ) {
126- themeIcon . textContent = '☀️' ;
127- themeText . textContent = 'Light Mode' ;
128- } else {
127+ // Show that dark theme is enabled
129128 themeIcon . textContent = '🌙' ;
130- themeText . textContent = 'Dark Mode' ;
129+ themeText . textContent = 'Dark' ;
130+ } else {
131+ // Show that light theme is enabled
132+ themeIcon . textContent = '☀️' ;
133+ themeText . textContent = 'Light' ;
131134 }
132135}
0 commit comments