[READ-ONLY] Mirror of https://github.com/probablykasper/monokai-sharp-zed-theme. Monokai Sharp theme for Zed
Create theme
+207
+5
README.md
+5
README.md
Screenshot.png
Screenshot.png
This is a binary file and will not be displayed.
+7
extension.toml
+7
extension.toml
+41
screenshot-file.svelte
+41
screenshot-file.svelte
···
1
+
<script lang="ts">
2
+
import { getMonthLength, cloneDate, type CalendarDay } from './date-utils.js'
3
+
4
+
const getfirst = (...args: unknown[]) => {
5
+
return args[0]
6
+
}
7
+
8
+
function selectDay(calendarDay: CalendarDay) {
9
+
if (getMonthLength(2025, calendarDay.month) > 31) {
10
+
throw new Error('there is blood everywhere')
11
+
}
12
+
value.setFullYear(0)
13
+
value.setMonth(0)
14
+
value.setDate(1)
15
+
value.setFullYear(calendarDay.year)
16
+
value.setMonth(calendarDay.month)
17
+
value.setDate(calendarDay.number)
18
+
getfirst('select', cloneDate(value))
19
+
}
20
+
21
+
// Date value. It's `null` if no date is selected
22
+
export let value: Date = new Date()
23
+
</script>
24
+
25
+
<div class="date-time-picker" on:focusout>
26
+
<button
27
+
type="button"
28
+
aria-label="Previous month"
29
+
class="page-button"
30
+
on:click={() => selectDay({} as CalendarDay)}
31
+
class:selected={value.getFullYear() === 2025}
32
+
>
33
+
Text
34
+
</button>
35
+
</div>
36
+
37
+
<style lang="css">
38
+
.page-button {
39
+
display: inline-block;
40
+
}
41
+
</style>
+154
themes/monokai-sharp.json
+154
themes/monokai-sharp.json
···
1
+
{
2
+
"name": "Monokai Sharp",
3
+
"author": "probablykasper",
4
+
"appearance": "dark",
5
+
"themes": [
6
+
{
7
+
"name": "Monokai Sharp",
8
+
"appearance": "dark",
9
+
"style": {
10
+
"background.appearance": "opaque",
11
+
"accents": [],
12
+
"border": "#3b4249",
13
+
"border.variant": "#3b4249",
14
+
"border.focused": "#3b4249",
15
+
"border.selected": "#3b4249",
16
+
"border.transparent": "#3b4249",
17
+
"border.disabled": "#3b4249",
18
+
"elevated_surface.background": "#30343b",
19
+
"surface.background": "#191a1f",
20
+
"background": "#191a1f",
21
+
"element.background": "#0a70a5",
22
+
"element.hover": "#30343b",
23
+
"element.selected": "#474f57",
24
+
"drop_target.background": "#3b4249",
25
+
"ghost_element.hover": "#30343b",
26
+
"ghost_element.selected": "#474f57",
27
+
"text": "#d0edff",
28
+
"text.muted": "#a2b8c7",
29
+
"status_bar.background": "#3b4249",
30
+
"title_bar.background": "#3b4249",
31
+
"toolbar.background": "#191a1f",
32
+
"tab_bar.background": "#24272d",
33
+
"tab.inactive_background": "#30343b",
34
+
"tab.active_background": "#191a1f",
35
+
"search.match_background": "#d0edff66",
36
+
"panel.background": "#191a1f",
37
+
"pane_group.border": "#3b4249",
38
+
"scrollbar.thumb.background": "#d0edff22",
39
+
"scrollbar.thumb.hover_background": "#d0edff33",
40
+
"scrollbar.thumb.active_background": "#d0edff44",
41
+
"scrollbar.thumb.border": "#d0edff22",
42
+
"scrollbar.track.background": "#191a1f",
43
+
"scrollbar.track.border": "#d0edff00",
44
+
"minimap.thumb.background": "#d0edff11",
45
+
"minimap.thumb.hover_background": "#d0edff22",
46
+
"minimap.thumb.active_background": "#d0edff33",
47
+
"editor.foreground": "#d0edff",
48
+
"editor.background": "#191a1f",
49
+
"editor.gutter.background": "#191a1f",
50
+
"editor.active_line.background": "#d0edff11",
51
+
"editor.line_number": "#5e6973",
52
+
"editor.active_line_number": "#d0edff",
53
+
"editor.wrap_guide": "#3b4249",
54
+
"editor.active_wrap_guide": "#3b4249",
55
+
"editor.document_highlight.bracket_background": "#d0edff44",
56
+
"terminal.background": "#191a1f",
57
+
"terminal.ansi.black": "#191a1f",
58
+
"terminal.ansi.bright_black": "#3a3c47",
59
+
"terminal.ansi.red": "#ff0066",
60
+
"terminal.ansi.bright_red": "#ec5fa3",
61
+
"terminal.ansi.green": "#00ff91",
62
+
"terminal.ansi.bright_green": "#53f8bd",
63
+
"terminal.ansi.yellow": "#f7f025",
64
+
"terminal.ansi.bright_yellow": "#e7ef7c",
65
+
"terminal.ansi.blue": "#00aaff",
66
+
"terminal.ansi.bright_blue": "#53c5ff",
67
+
"terminal.ansi.magenta": "#ca4fff",
68
+
"terminal.ansi.bright_magenta": "#cc8eff",
69
+
"terminal.ansi.cyan": "#00c0b0",
70
+
"terminal.ansi.bright_cyan": "#53d2d0",
71
+
"terminal.ansi.white": "#acc1ce",
72
+
"terminal.ansi.bright_white": "#d0edff",
73
+
"link_text.hover": "#00aaff",
74
+
"conflict": "#8a8aff",
75
+
"created": "#0aa363",
76
+
"deleted": "#a30a4a",
77
+
"error": "#ff0066",
78
+
"hidden": "#a2b8c7",
79
+
"hint": "#a2b8c7",
80
+
"ignored": "#7b85a1",
81
+
"info": "#00aaff",
82
+
"modified": "#9e9a23",
83
+
"warning": "#ff6a1f",
84
+
"players": [],
85
+
"syntax": {
86
+
"attribute": {
87
+
"color": "#00ff91"
88
+
},
89
+
"boolean": {
90
+
"color": "#8a8aff"
91
+
},
92
+
"comment": {
93
+
"color": "#697681"
94
+
},
95
+
"comment.doc": {
96
+
"color": "#697681"
97
+
},
98
+
"constant": {
99
+
"color": "#8a8aff"
100
+
},
101
+
"constructor": {
102
+
"color": "#ff0066"
103
+
},
104
+
"function": {
105
+
"color": "#00ff91"
106
+
},
107
+
"keyword": {
108
+
"color": "#ff0066"
109
+
},
110
+
"number": {
111
+
"color": "#8a8aff"
112
+
},
113
+
"string": {
114
+
"color": "#f7f025"
115
+
},
116
+
"string.escape": {
117
+
"color": "#8a8aff"
118
+
},
119
+
"string.regex": {
120
+
"color": "#f7f025"
121
+
},
122
+
"string.special": {
123
+
"color": "#f7f025"
124
+
},
125
+
"string.special.symbol": {
126
+
"color": "#f7f025"
127
+
},
128
+
"tag": {
129
+
"color": "#ff0066"
130
+
},
131
+
"text.literal": {
132
+
"color": "#f7f025"
133
+
},
134
+
"type": {
135
+
"color": "#00aaff"
136
+
},
137
+
"variable": {
138
+
"color": "#d0edff"
139
+
},
140
+
"variable.special": {
141
+
"color": "#d0edff"
142
+
},
143
+
"punctuation": {
144
+
"color": "#d0edff"
145
+
},
146
+
"operator": {
147
+
"color": "#ff0066"
148
+
}
149
+
}
150
+
}
151
+
}
152
+
],
153
+
"$schema": "https://zed.dev/schema/themes/v0.2.0.json"
154
+
}