Themes
- Matt Birtch
The themes settings are now moved into their own sidebar item. Aside from that the updates proposed for themes are largely UI-focused.
Sync with OS appearance (default = checked)
This is a new setting which is being worked on currently in this PR. Details and summary of changes proposed for these settings can also be found in this Jira Ticket.
If this setting is on, it will sync the user’s theme with the OS dark/light mode settings with the selected dark and light themes
If this setting is off, it will always use the one selected theme regardless of the OS settings
Existing themes will need to now be defined as light or dark in the theme definition
Group the ‘Copy Theme Colors’ function and JSON code in to another collapsable element within the Display settings called ‘Advanced Theme Editing’
“See other themes” and “Import theme colors from Slack” has also been moved to this section
Dark and Light Themes can each have Custom themes - so users will now be able have two custom themes when Sync is turned on and each will have its own set of collapsable rows for customization.
Preset themes
By default, Denim is selected for the light theme and Onyx is selected for the dark theme. Custom themes are accessible by clicking the 'create a custom theme' button (new).
If OS sync is OFF, then all preset themes are grouped together in to one category rather than split between dark and light.
Custom themes
Once users click ‘create a custom theme’, the settings switch to custom mode (below).
To get back to the preset themes, users can click on ‘choose a preset theme’. This will switch back to preset mode (above).
It is possible for users to set up custom themes for each OS mode (when OS sync is on).
There are further plans to greatly simplify the theme color choices users can select here, but that will be a separate effort from the scope of this project.
Color group accordions
Colors are grouped the same as current with some minor title changes:
Sidebar Styles → Sidebar colors
Status and badge colors (New)
Center Channel Styles → Center channel colors
Link and Button Styles → Link and button colors
Advanced theme editing (New)
New Status and badge color group
This group moves all the status colors and the active border color in to a new group called ‘Status and badge colors’.
New Advanced theming group
A new Advanced theme editing accordion has been added that houses the JSON text area, Copy button, ‘See other themes’ and 'import from Slack` options.
Apply theme color choices to all my teams
No changes proposed to how this behaves.