Skip to content

Commit 2c9cf8d

Browse files
committed
Update illustrations for theme options
1 parent d977494 commit 2c9cf8d

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed

components/dashboard/src/settings/Preferences.tsx

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -71,11 +71,11 @@ export default function Preferences() {
7171
onClick={() => actuallySetTheme("light")}
7272
>
7373
<div className="flex-grow flex justify-center items-end">
74-
<svg className="h-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 108 64">
75-
<rect width="68" height="40" x="40" fill="#C4C4C4" rx="8" />
76-
<rect width="32" height="16" fill="#C4C4C4" rx="8" />
77-
<rect width="32" height="16" y="24" fill="#C4C4C4" rx="8" />
78-
<rect width="32" height="16" y="48" fill="#C4C4C4" rx="8" />
74+
<svg width="104" height="64" fill="none" xmlns="http://www.w3.org/2000/svg">
75+
<path
76+
d="M40 6a6 6 0 0 1 6-6h52a6 6 0 0 1 6 6v28a6 6 0 0 1-6 6H46a6 6 0 0 1-6-6V6ZM0 8a8 8 0 0 1 8-8h16a8 8 0 1 1 0 16H8a8 8 0 0 1-8-8ZM0 32a8 8 0 0 1 8-8h16a8 8 0 1 1 0 16H8a8 8 0 0 1-8-8ZM0 56a8 8 0 0 1 8-8h16a8 8 0 1 1 0 16H8a8 8 0 0 1-8-8Z"
77+
fill="#D6D3D1"
78+
/>
7979
</svg>
8080
</div>
8181
</SelectableCardSolid>
@@ -86,11 +86,11 @@ export default function Preferences() {
8686
onClick={() => actuallySetTheme("dark")}
8787
>
8888
<div className="flex-grow flex justify-center items-end">
89-
<svg className="h-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 108 64">
90-
<rect width="68" height="40" x="40" fill="#737373" rx="8" />
91-
<rect width="32" height="16" fill="#737373" rx="8" />
92-
<rect width="32" height="16" y="24" fill="#737373" rx="8" />
93-
<rect width="32" height="16" y="48" fill="#737373" rx="8" />
89+
<svg width="104" height="64" fill="none" xmlns="http://www.w3.org/2000/svg">
90+
<path
91+
d="M40 6a6 6 0 0 1 6-6h52a6 6 0 0 1 6 6v28a6 6 0 0 1-6 6H46a6 6 0 0 1-6-6V6ZM0 8a8 8 0 0 1 8-8h16a8 8 0 1 1 0 16H8a8 8 0 0 1-8-8ZM0 32a8 8 0 0 1 8-8h16a8 8 0 1 1 0 16H8a8 8 0 0 1-8-8ZM0 56a8 8 0 0 1 8-8h16a8 8 0 1 1 0 16H8a8 8 0 0 1-8-8Z"
92+
fill="#78716C"
93+
/>
9494
</svg>
9595
</div>
9696
</SelectableCardSolid>
@@ -101,15 +101,15 @@ export default function Preferences() {
101101
onClick={() => actuallySetTheme("system")}
102102
>
103103
<div className="flex-grow flex justify-center items-end">
104-
<svg className="h-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 108 64">
105-
<rect width="68" height="40" x="40" fill="#C4C4C4" rx="8" />
104+
<svg width="104" height="64" fill="none" xmlns="http://www.w3.org/2000/svg">
106105
<path
107-
fill="#737373"
108-
d="M74.111 3.412A8 8 0 0180.665 0H100a8 8 0 018 8v24a8 8 0 01-8 8H48.5L74.111 3.412z"
106+
d="M40 6a6 6 0 0 1 6-6h52a6 6 0 0 1 6 6v28a6 6 0 0 1-6 6H46a6 6 0 0 1-6-6V6Z"
107+
fill="#D6D3D1"
109108
/>
110-
<rect width="32" height="16" fill="#C4C4C4" rx="8" />
111-
<rect width="32" height="16" y="24" fill="#737373" rx="8" />
112-
<rect width="32" height="16" y="48" fill="#C4C4C4" rx="8" />
109+
<path d="M88 0h10a6 6 0 0 1 6 6v28a6 6 0 0 1-6 6H56L88 0Z" fill="#78716C" />
110+
<path d="M0 8a8 8 0 0 1 8-8h16a8 8 0 1 1 0 16H8a8 8 0 0 1-8-8Z" fill="#D6D3D1" />
111+
<path d="M0 32a8 8 0 0 1 8-8h16a8 8 0 1 1 0 16H8a8 8 0 0 1-8-8Z" fill="#78716C" />
112+
<path d="M0 56a8 8 0 0 1 8-8h16a8 8 0 1 1 0 16H8a8 8 0 0 1-8-8Z" fill="#D6D3D1" />
113113
</svg>
114114
</div>
115115
</SelectableCardSolid>

0 commit comments

Comments
 (0)