@@ -71,11 +71,11 @@ export default function Preferences() {
71
71
onClick = { ( ) => actuallySetTheme ( "light" ) }
72
72
>
73
73
< 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
+ />
79
79
</ svg >
80
80
</ div >
81
81
</ SelectableCardSolid >
@@ -86,11 +86,11 @@ export default function Preferences() {
86
86
onClick = { ( ) => actuallySetTheme ( "dark" ) }
87
87
>
88
88
< 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
+ />
94
94
</ svg >
95
95
</ div >
96
96
</ SelectableCardSolid >
@@ -101,15 +101,15 @@ export default function Preferences() {
101
101
onClick = { ( ) => actuallySetTheme ( "system" ) }
102
102
>
103
103
< 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" >
106
105
< 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 "
109
108
/>
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" />
113
113
</ svg >
114
114
</ div >
115
115
</ SelectableCardSolid >
0 commit comments