Slack Theme
Apply AuthZed brand colors to your Slack workspace for a consistent team experience.
Sandworm Dark
Dark theme matching our design system's dark mode. Recommended for most users.
Theme string:
#0D0A11,#1B1522,#1B1522,#F7F6F8,#1B1522,#E9E7EB,#72B1AD,#D05082,#0D0A11,#F7F6F8Sandworm Light
Light theme for those who prefer a brighter workspace.
Theme string:
#F7F6F8,#E9E7EB,#E9E7EB,#0D0A11,#E9E7EB,#514A59,#72B1AD,#D05082,#F7F6F8,#0D0A11Violet Accent Dark
Dark creative theme using violet tones throughout.
Theme string:
#14091D,#331B56,#7C6BDB,#FFFFFF,#331B56,#ECE5FE,#9589E5,#7C6BDB,#14091D,#F9F7FFViolet Accent Light
Light creative theme using violet tones on a bright background.
Theme string:
#FCFBFF,#DDD0FD,#7C6BDB,#FFFFFF,#DDD0FD,#5B3FB2,#9589E5,#7C6BDB,#FCFBFF,#14091DMagenta Pop Dark
Dark bold theme using magenta tones throughout.
Theme string:
#180C15,#3D1B32,#B44F85,#FFFFFF,#3D1B32,#F8DDE9,#C87AA1,#B44F85,#180C15,#FCF2F6Magenta Pop Light
Light bold theme using magenta tones on a bright background.
Theme string:
#FDFBFC,#F4CAD9,#B44F85,#FFFFFF,#F4CAD9,#7E2A59,#C87AA1,#B44F85,#FDFBFC,#180C15Teal Focus Dark
Dark calm theme using teal tones throughout.
Theme string:
#0C120F,#283E3C,#72B1AD,#FFFFFF,#283E3C,#E6F5F2,#72B1AD,#558E8B,#0C120F,#EEF8F4Teal Focus Light
Light calm theme using teal tones on a bright background.
Theme string:
#F7FCFA,#E2F2EF,#72B1AD,#FFFFFF,#E2F2EF,#3F5957,#72B1AD,#558E8B,#F7FCFA,#0C120FDesert Sand Dark
Dark warm theme using sand tones throughout.
Theme string:
#18100C,#4F3B2B,#FFB370,#18100C,#4F3B2B,#FEF0DC,#FFB370,#C88A50,#18100C,#FEF5EBDesert Sand Light
Light warm theme using sand tones on a bright background.
Theme string:
#FFFBF7,#FFEACC,#FFB370,#18100C,#FFEACC,#866149,#FFB370,#C88A50,#FFFBF7,#18100CHow to Apply
- Copy the theme string above
- Open Slack and go to Preferences (Cmd/Ctrl + ,)
- Click Themes in the sidebar
- Scroll down and click Create a custom theme
- Paste the theme string into any color field - Slack will auto-populate all colors
Tip: Slack has a separate "Window gradient" toggle in Preferences > Themes that adds a subtle gradient overlay to your theme. This is independent of the theme colors.
Color Mapping
How our design system colors map to the 10 Slack theme positions
| # | Slack Element | Dark Theme | Light Theme |
|---|---|---|---|
| 1 | Column Background | stone-975 | stone-025 |
| 2 | Menu BG Hover | stone-850 | stone-050 |
| 3 | Active Item | stone-850 | stone-050 |
| 4 | Active Item Text | stone-025 | stone-975 |
| 5 | Hover Item | stone-850 | stone-050 |
| 6 | Text Color | stone-050 | stone-600 |
| 7 | Active Presence | teal-400 | teal-400 |
| 8 | Mention Badge | magenta-500 | magenta-600 |
| 9 | Top Nav Background | stone-975 | stone-025 |
| 10 | Top Nav Text | stone-025 | stone-975 |