Unity

By Superuser Version 1.5 Updated 03/08/2024 51.3K downloads

All for one, One for all. A theme inspired by Samsung's OneUI.

customizable dark light layout

Live preview

Full Discord interface with this theme applied โ€” powered by ThemePreview.

Screenshot

Unity screenshot
Unity.theme.css
GitHub

Open source

https://raw.githubusercontent.com/joshuah345/Discord-Stuff/3b4843879a804dc7c9130953607e1780e3b8af83/Themes/Unity/Unity.theme.css
1/**
2 * @name Unity
3 * @author super.user
4 * @authorId 419610859392860162
5 * @version 1.5
6 * @description A highly customizable theme inspired by Samsung's OneUI
7 * @source https://github.com/joshuah345/Discord-Stuff/tree/master/Themes/Unity
8 * @invite BDGSZDYSQ
9*/
10
11
12@import url("https://joshuah345.github.io/Discord-Stuff/Themes/Unity/Unity.css");
13@import url("https://joshuah345.github.io/Discord-Stuff/Themes/Unity/Fonts/SamsungOne/SamsungOne.css");
14@import url("https://joshuah345.github.io/Discord-Stuff/Themes/Unity/Fonts/SamsungSharpSans/SamsungSharpSans.css");
15
16
17/* Please visit https://github.com/joshuah345/Discord-Stuff/wiki/Themes#unity for a variable guide.
18 Some are omitted from this theme file as they are considered optional. */
19
20/* GLOBAL VARIABLES */
21*[class*=theme-] {
22
23 --unity-custom-font: unset;
24
25 --unity-gaps: 1;
26
27 --unity-background-image: unset;
28 --unity-background-blur: unset;
29 --unity-inset: 10px;
30 --unity-border-radius: 18px;
31 --unity-floating-blur-radius: 5px;
32
33 --unity-chat-bubble: 1;
34 --unity-chat-bubble-background-color: var(--background-secondary);
35 --unity-chat-bubble-border-color: var(--background-secondary-alt);
36 --unity-chat-bubble-code-background-color: var(--background-secondary-alt);
37 --unity-chat-bubble-max-width: 90%;
38 --unity-chat-bubble-border-radius: var(--unity-border-radius);
39
40 --unity-badge-color: var(--unity-orange-2);
41
42
43 --unity-background-floating: rgba(var(--unity-background-secondary-rgb), 0.5);
44}
45
46/* DARK THEME VARIABLES */
47*.theme-dark {
48 --unity-accent-hue: 210;
49 --unity-accent-saturation: 99%;
50 --unity-accent-lightness: 50%;
51 --unity-background-primary: #000000;
52 --unity-background-primary-rgb: 0, 0, 0;
53 --unity-background-secondary: #2b2b2b;
54 --unity-background-secondary-alt: #212020;
55 --unity-background-secondary-rgb: 43, 43, 43;
56 --unity-background-tertiary: #454545;
57 --unity-background-tertiary-rgb: 69, 69, 69;
58 --unity-background-image:none;
59 --unity-opacity: 1;
60
61 --guilds-background-color: #00000091;
62 --guilds-background-image: unset;
63 --guilds-background-blur: unset;
64 --guilds-border-color:unset;
65 --guilds-border-width: unset;
66
67 --sidebar-background-color:unset;
68 --sidebar-background-image: unset;
69 --sidebar-background-blur:unset;
70 --sidebar-border-color: unset;
71 --sidebar-border-width: unset;
72
73 --base-background-color: unset;
74 --base-background-image: unset;
75 --base-background-blur: unset;
76 --base-border-color:unset;
77 --base-border-width: unset;
78
79 --panels-background-color: unset;
80 --panels-background-image: unset;
81 --panels-background-blur: unset;
82 --panels-border-color: unset;
83 --panels-border-width: unset;
84
85 --chat-background-color: unset;
86 --chat-background-image: none;
87 --chat-background-blur: unset;
88 --chat-border-color: unset;
89 --chat-border-width: unset;
90
91 --threads-border-color: unset;
92 --threads-border-width: unset;
93 --header-background-color:unset;
94 --header-background-blur: unset;
95}
96
97/* LIGHT THEME VARIABLES */
98*.theme-light {
99 --unity-accent-hue: 210;
100 --unity-accent-saturation: 99%;
101 --unity-accent-lightness: 50%;
102 --unity-background-primary: #f0f0f0;
103 --unity-background-primary-rgb: 240, 240, 240;
104 --unity-background-secondary: var(--unity-white);
105 --unity-background-secondary-alt: #e8e8e8;
106 --unity-background-secondary-rgb: 252, 252, 252;
107 --unity-background-tertiary: #E0E0E0;
108 --unity-background-tertiary-rgb: 224, 224, 224;
109 --unity-background-image: none;
110 --unity-opacity: 1;
111
112 --guilds-background-color: unset;
113 --guilds-background-image: unset;
114 --guilds-background-blur: unset;
115 --guilds-border-color:unset;
116 --guilds-border-width: unset;
117
118 --sidebar-background-color:unset;
119 --sidebar-background-image: unset;
120 --sidebar-background-blur:unset;
121 --sidebar-border-color: unset;
122 --sidebar-border-width: unset;
123
124 --panels-background-color: unset;
125 --panels-background-image: unset;
126 --panels-background-blur: unset;
127 --panels-border-color: unset;
128 --panels-border-width: unset;
129
130 --base-background-color: unset;
131 --base-background-image: unset;
132 --base-background-blur: unset;
133 --base-border-color:unset;
134 --base-border-width: unset;
135
136 --chat-background-color: unset;
137 --chat-background-image: unset;
138 --chat-background-blur: unset;
139 --chat-border-color: unset;
140 --chat-border-width: unset;
141
142 --threads-border-color: unset;
143 --threads-border-width: unset;
144 --header-background-color: unset;
145 --header-background-blur:unset;
146}