Improve theme switcher a11y

Author: robdekort

resources/presets/theme_toggle/config.php

@@ -20,7 +20,7 @@
         ],
         [
             'type' => 'notify',
-            'content' => "Add this to your `lang/locale/strings.php` file:\n\n// Theme toggle\n'theme_toggle_dark' => 'Use dark theme.',\n'theme_toggle_light' => 'Use light theme.',\n'theme_toggle_system' => 'Use system preference.',\n'theme_toggle_dark_short' => 'Dark',\n'theme_toggle_light_short' => 'Light',\n'theme_toggle_system_short' => 'System',\n'theme_toggle_toggle_open' => 'Open dark mode picker.',\n'theme_toggle_toggle_close' => 'Close dark mode picker.',"
+            'content' => "Add this to your `lang/locale/strings.php` file:\n'theme_toggle_dark' => 'Use dark theme.',\n'theme_toggle_light' => 'Use light theme.',\n'theme_toggle_system' => 'Use system preference.',\n'theme_toggle_dark_short' => 'Dark',\n'theme_toggle_light_short' => 'Light',\n'theme_toggle_system_short' => 'System',\n'theme_toggle_dark_toggle_open' => 'Dark theme: open site theme picker.',\n'theme_toggle_dark_toggle_close' => 'Dark theme: close site theme picker.',\n'theme_toggle_light_toggle_open' => 'Light theme: open site theme picker.',\n'theme_toggle_light_toggle_close' => 'Light theme: close site theme picker.',\n'theme_toggle_system_toggle_open' => 'System (Default): open site theme picker.',\n'theme_toggle_system_toggle_close' => 'System (Default): close site theme picker.'",
         ],
         [
             'type' => 'notify',

resources/presets/theme_toggle/resources/views/components/_theme_toggle.antlers.html

@@ -129,9 +129,20 @@
                             this.themeToggleOpen = !this.themeToggleOpen
                         },
                         [':aria-label']() {
-                            return this.themeToggleOpen
-                                ? '{{ trans:strings.theme_toggle_toggle_close }}'
-                                : '{{ trans:strings.theme_toggle_toggle_open }}'
+                            switch (this.$store.theme.get()) {
+                                case 'dark':
+                                    return this.themeToggleOpen
+                                        ? '{{ trans:strings.theme_toggle_dark_toggle_close }}'
+                                        : '{{ trans:strings.theme_toggle_dark_toggle_open }}'
+                                case 'light':
+                                    return this.themeToggleOpen
+                                        ? '{{ trans:strings.theme_toggle_light_toggle_close }}'
+                                        : '{{ trans:strings.theme_toggle_light_toggle_open }}'
+                                case 'system':
+                                    return this.themeToggleOpen
+                                        ? '{{ trans:strings.theme_toggle_system_toggle_close }}'
+                                        : '{{ trans:strings.theme_toggle_system_toggle_open }}'
+                            }
                         },
                         [':aria-expanded']() {
                             return this.themeToggleOpen