Skip to main content
Coding Theme

Dogi

Author: Doğukan ÜrkerThemes in extension: 2

A minimalist flat theme with pure black and white backgrounds, vibrant syntax colors, and consistent medium font weights. Features both dark and light variants.

GitHub (opens repository in a new tab)

Color themes

Zed preview

macOS Zed window using this variant's theme style.

colors

UI color keys from this variant's theme style.

keyHEXRGBRGBA
autocomplete.selected.background
background
border
border.disabled
border.focused
border.selected
border.transparent
border.variant
breadcrumb.selection
code_snippet.background
conflict
conflict.background
conflict.border
created
created.background
created.border
deleted
deleted.background
deleted.border
diff.minus.background
diff.plus.background
drop_target.background
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.cursor
editor.cursor.background
editor.debug_highlight.background
editor.document_highlight.bracket_background
editor.document_highlight.read_background
editor.document_highlight.write_background
editor.find_match_border
editor.find_match.background
editor.focused_line.background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.hover_highlight.background
editor.hover_line_number
editor.inactive_selection.background
editor.indent_guide
editor.indent_guide_active
editor.invisible
editor.line_highlight.background
editor.line_number
editor.link_highlight.background
editor.range_highlight.background
editor.selection.background
editor.selection.border
editor.snippet_tabstop.highlight_background
editor.subheader.background
editor.word_highlight_strong.background
editor.word_highlight.background
editor.wrap_guide
element.active
element.background
element.disabled
element.hover
element.selected
elevated_surface.background
error
error.background
error.border
foreground
ghost_element.active
ghost_element.background
ghost_element.disabled
ghost_element.hover
ghost_element.selected
ghost_text.background
hidden
hidden.background
hidden.border
hint
hint.background
hint.border
hover.background
icon
icon.accent
icon.disabled
icon.muted
icon.placeholder
ignored
ignored.background
ignored.border
info
info.background
info.border
input.selection
link_text.hover
list.selection
mark.background
menu.selection.background
merge.current.background
merge.incoming.background
modified
modified.background
modified.border
pane_group.border
pane.focused_border
panel.background
panel.focused_border
panel.indent_guide
panel.indent_guide_active
panel.indent_guide_hover
player.0.background
player.0.cursor
player.0.selection
player.1.background
player.1.cursor
player.1.selection
player.2.background
player.2.cursor
player.2.selection
player.3.background
player.3.cursor
player.3.selection
player.4.background
player.4.cursor
player.4.selection
player.5.background
player.5.cursor
player.5.selection
player.6.background
player.6.cursor
player.6.selection
player.7.background
player.7.cursor
player.7.selection
predictive
predictive.background
predictive.border
renamed
renamed.background
renamed.border
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.thumb.hover_background
scrollbar.track.background
scrollbar.track.border
search.match_background
search.selection
selection
selection.cursor
status_bar.background
success
success.background
success.border
suggestion.background
surface.background
tab_bar.background
tab.active_background
tab.inactive_background
tab.selected.background
terminal.ansi.background
terminal.ansi.black
terminal.ansi.blue
terminal.ansi.bright_black
terminal.ansi.bright_blue
terminal.ansi.bright_cyan
terminal.ansi.bright_green
terminal.ansi.bright_magenta
terminal.ansi.bright_red
terminal.ansi.bright_white
terminal.ansi.bright_yellow
terminal.ansi.cyan
terminal.ansi.green
terminal.ansi.magenta
terminal.ansi.red
terminal.ansi.white
terminal.ansi.yellow
terminal.background
terminal.bright_foreground
terminal.cursor
terminal.dim_foreground
terminal.foreground
terminal.selection
text
text.accent
text.disabled
text.muted
text.placeholder
text.selection
title_bar.background
title_bar.inactive_background
toolbar.background
tree.selection
unreachable
unreachable.background
unreachable.border
version_control.added
version_control.added_background
version_control.conflict
version_control.conflict_background
version_control.conflict_marker.ours
version_control.conflict_marker.theirs
version_control.deleted
version_control.deleted_background
version_control.ignored
version_control.modified
version_control.modified_background
version_control.renamed
warning
warning.background
warning.border

syntax

Syntax capture colors from the theme style. Italic and bold are not listed — the preview above shows them in the code.

captureHEXRGBRGBA
attribute
attribute.name
attribute.value
boolean
class
comment
constant
constant.builtin
doc_comment
enum
field
function
function.call
interface
keyword
keyword.control
keyword.function
label
method
module
namespace
number
operator
parameter
property
punctuation
punctuation.bracket
punctuation.delimiter
punctuation.special
string
string.escape
string.regex
string.special
struct
tag
tag.punctuation
type
type.builtin
variable
variable.builtin
variable.special

settings.json

Search for "Dogi" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "system",
    "light": "Dogi Light",
    "dark": "Dogi Dark"
  }
}

Theme file