OSX
Theme that brings some of the best and most memorable parts of MacOS and OSX into a theme.
15
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name OSX3
* @version 1.0.14
* @author TheCommieAxolotl#00015
* @authorId 5384879704083005446
* @description Bring the best and most memorable parts of MacOS and OSX into 1 theme7
* @source https://github.com/TheCommieAxolotl/BetterDiscord-Stuff/tree/main/OSX/8
* @website https://thecommieaxolotl.github.io/BetterDiscord-Stuff/9
* @invite g2KnUw7u7N10
*/11
12
/* Snippets */13
@import url("https://discord-custom-covers.github.io/usrbg/dist/usrbg.css");14
@import url("https://thecommieaxolotl.github.io/BetterDiscord-Stuff/Imports/UserBadges.css");15
@import url("https://fonts.cdnfonts.com/css/sf-pro-display");16
17
/* Source */18
@import url("https://thecommieaxolotl.github.io/BetterDiscord-Stuff/OSX/Clients/betterdiscord.css");19
20
:root {21
--font: ";SF Pro Display";;22
--macbuttons-outline-color: #5f5f5f;23
--context-blur: 20px;24
--version1_0_1: none;25
}26
27
.theme-dark {28
--brand-experiment: #346eca;29
--brand-experiment-560: var(--brand-experiment);30
--background-floating: #26262bb4;31
--divider: #f7ede621;32
--context-outline: #fff3;33
--info-warning-foreground: #346eca;34
--background-mentioned: #346dca52;35
--background-mentioned-hover: #346dca2c;36
--background-active: #26282b;37
--background-notification: #3b3c3d98;38
}39
40
.theme-light {41
--brand-experiment: #5790f4;42
--brand-experiment-560: var(--brand-experiment);43
--background-floating: #ececedc0;44
--divider: #d3d3d3;45
--context-outline: #bfbfc1;46
--info-warning-foreground: #5790f4;47
--background-mentioned: #5791f448;48
--background-mentioned-hover: #5791f428;49
--background-active: #c4c4c4;50
--background-notification: #26262bb4;51
}52
53
/* Made By The Commie Axolotl */54