Forest Focus
Publisher: A.J. BaleThemes in package: 1
Dark earth-tone theme made to be easy on the eyes. Deep support for JS, PHP, Python, HTML, & CSS
Dark earth-tone theme made to be easy on the eyes. Deep support for JS, PHP, Python, HTML, & CSS
Full workbench mockup using this variant's colors and tokenColors.
Loading...
Workbench UI color keys from the theme JSON colors map.
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #B8BDA7 | — |
| invisibles | #ffffffff | — |
| dont.match | — | — |
| dont.match | — | — |
| console.error | #ff0000ff | — |
| console.input | #5fafb0ff | — |
| console.prompt | #8384a1ff | — |
| console.warning | #ffd700ff | — |
| console.debug | #ffec8bff | — |
| hyperlink | #548fa0ff | — |
| dont.match | — | — |
| markup.deleted | #f8f8f8ff | — |
| markup.inserted | #f8f8f8ff | — |
| markup.changed | #f8f8f8ff | — |
| markup.underline | #c0c0c0ff | underline |
| markup.bold | #c0c0c0ff | bold |
| markup.italic | #c0c0c0ff | italic |
| meta.diff, meta.diff.header | #f8f8f8ff | italic |
| meta.separator.diff | #336699 | italic |
| meta.separator | #ffffffff | — |
| property | #879ab5ff | — |
| dont.match | — | — |
| comment | #8B7D6Cff | italic |
| constant | #90B4CB | italic |
| entity | #e0b60dff | — |
| entity.name.function.js | #e0b60dff | — |
| entity.name.class.python | #9F67A8 | — |
| keyword | #5EAB30 | — |
| keyword.operator.logical, keyword.operator.string.php, keyword.operator.key.php | #5EAB30 | bold italic |
| keyword.operator.assignment | #5EAB30 | bold |
| keyword.operator.arithmetic.js | #5EAB30 | bold |
| keyword.operator.assignment.python | #9996BA | bold |
| keyword.other.important.css | #e0b60d | — |
| storage | #C99152ff | — |
| punctuation.section.group.begin, punctuation.section.group.end, punctuation.section.block.begin, punctuation.section.block.end | — | bold |
| punctuation.section.array.begin.php, punctuation.section.array.end.php | #9996BA | bold |
| punctuation.section.block.begin.php, punctuation.section.block.end.php | #e0b60d | bold |
| meta.embedded.block.php, meta.embedded.line.php | #e0b60d | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #9F67A8 | — |
| string punctuation.section.embedded.begin.php, string punctuation.section.embedded.end.php | #9F67A8 | italic |
| meta.array.php | #e0b60d | — |
| meta.block | #9FB760 | — |
| punctuation.terminator | #E0B60D | — |
| punctuation.separator | #e0b60d | bold |
| punctuation.separator.key-value.html | #9996BA | — |
| punctuation.separator.key-value.python | #0095A0 | bold italic |
| string | #9FB760 | — |
| punctuation.definition.string | #9FB760 | — |
| meta.object-literal.key | #0095A0 | — |
| meta.structure.dictionary-or-set.python | #B8BDA7 | — |
| punctuation.section.function.begin.python, punctuation.section.dictionary.begin.python, punctuation.section.dictionary.end.python, punctuation.section.list.begin.python, punctuation.section.list.end.python, punctuation.section.class.begin.python | #e0b60d | bold |
| punctuation.section.dictionary-or-set.end.python, punctuation.section.dictionary-or-set.begin.python | #e0b60d | italic |
| meta.statement.import.python | #C99152 | — |
| punctuation.section.arguments.begin.python, punctuation.section.arguments.end.python | #ffffff | — |
| support | #C96248ff | — |
| variable | #339966ff | — |
| variable.language.this.js | #C96248ff | — |
| variable.function | #E2C484 | — |
| meta.function-call, meta.object-literal | #37DACD | — |
| meta.function-call.php | #37DACD | — |
| meta.function-call.js.variable.function.js | #ff0000 | — |
| variable.parameter | #B864C7 | — |
| variable.other.object.js | #BE99C5 | — |
| punctuation.definition.variable.php | #80B290 | — |
| variable.language.python | #9F67A8 | — |
| variable.parameter.python | #0095A0 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.class.html, entity.other.attribute-name.id.html | #0095A0ff | italic |
| invalid.deprecated | #d2a8a1ff | italic,underline |
| invalid.illegal | #f8f8f8ff | — |
| text.html.ruby source | #c8c8c8ff | — |
| entity.other.inherited-class | #9996BAff | italic |
| string source | #D9B26Fff | italic |
| string constant | #B8D275 | — |
| string.regexp | #e9c062ff | — |
| string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #cf7d34ff | — |
| string variable | #339966 | — |
| support.function | #E0A235 | — |
| meta.function-call.arguments.python | #55A432 | — |
| meta.item-access.python | #983E47 | — |
| support.constant | #cf6a4cff | — |
| meta.preprocessor.c | #8996a8ff | — |
| meta.preprocessor.c keyword | #afc4dbff | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string | #494949ff | — |
| declaration.tag, declaration.tag entity, meta.tag, meta.tag entity | #698145ff | — |
| declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity | #339966ff | — |
| entity.name.tag.css | #7FB285ff | — |
| entity.other.pseudo-class | #55A432 | — |
| entity.other.pseudo-element, entity.other.pseudo-class.css.sass | #55A432 | italic |
| entity.other.attribute-name.id | #B864C7 | — |
| entity.other.attribute-name.class | #E2C484 | — |
| source.scss | #e0b60d | — |
| support.type.property-name.css | #0095A0ff | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #718242 | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #cc7832ff | — |
| meta.property-value support.constant.named-color.css, meta.property-value constant | #718242 | — |
| meta.constructor.argument.css | #8f9d6aff | — |
| meta.diff, meta.diff.header, meta.separator | #f8f8f8ff | italic |
| markup.deleted | #f8f8f8ff | — |
| markup.changed | #f8f8f8ff | — |
| markup.inserted | #f8f8f8ff | — |
| meta.string-contents.quoted.double.php variable.other.php | #1cf615ff | — |
| markup.list | #f9ee98ff | — |
| markup.heading | #cf6a4cff | — |
| override.searchResultIndication | — | — |
| override.xmlTagPairOccurrenceIndication | — | — |
| override.htmlTagPairOccurrenceIndication | — | — |
| override.rubyBlockPairOccurrenceIndication | — | — |
| override.pydevOccurrenceIndication | #336699 | — |
| markup.deleted.git_gutter | #F92672 | — |
| markup.inserted.git_gutter | #A6E22E | — |
| markup.changed.git_gutter | #967EFB | — |
| markup.ignored.git_gutter | #565656 | — |
| markup.untracked.git_gutter | #565656 | — |
| col_gutter | #ffffff | — |
| col_3467D1FF | #E3E3E3FF | — |
| col_983E47FF | #D9D9D9FF | — |
| col_CC7832FF | #090909FF | — |
| col_7FB285FF | #1D1D1DFF | — |
| col_8996A8FF | #141414FF | — |
| col_8B7D6CFF | #FFFFFFFF | — |
| col_FFFFFF08 | #A8A8A8FF | — |
| col_9F67A8FF | #FFFFFFFF | — |
| col_562D56BF | #B6B6B6FF | — |
| col_0095A0FF | #E9E9E9FF | — |
| col_FFEC8BFF | #666666FF | — |
| col_C0C0C0FF | #404040FF | — |
| col_565656FF | #D6D6D6FF | — |
| col_967EFBFF | #131313FF | — |
| col_C8C8C8FF | #484848FF | — |
| col_5FAFB0FF | #171717FF | — |
| col_F92672FF | #EDEDEDFF | — |
| col_C99152FF | #1A1A1AFF | — |
| col_8A9A95FF | #141414FF | — |
| col_404040FF | #C0C0C0FF | — |
| col_CF6A4CFF | #040404FF | — |
| col_879AB5FF | #171717FF | — |
| col_000000FF | #808080FF | — |
| col_F9EE98FF | #676767FF | — |
| col_420E09FF | #9C9C9CFF | — |
| col_B8BDA7FF | #383838FF | — |
| col_E9C062FF | #414141FF | — |
| col_DFDFDFFF | #5F5F5FFF | — |
| col_253B22FF | #B1B1B1FF | — |
| col_9B7A9DFF | #070707FF | — |
| col_AFC4DBFF | #404040FF | — |
| col_C96248FF | #FDFDFDFF | — |
| col_FFD700FF | #4A4A4AFF | — |
| col_F8F8F8FF | #787878FF | — |
| col_B8D275FF | #3F3F3FFF | — |
| col_4A410DFF | #BDBDBDFF | — |
| col_1CF615FF | #1B1B1BFF | — |
| col_55A432FF | #FFFFFFFF | — |
| col_D9B26FFF | #363636FF | — |
| col_DDF0FF33 | #C9C9C9FF | — |
| col_9B703FFF | #F7F7F7FF | — |
| col_5C82AFFF | #FBFBFBFF | — |
| col_8F9D6AFF | #131313FF | — |
| col_8384A1FF | #070707FF | — |
| col_E0B60DFF | #2F2F2FFF | — |
| col_339966FF | #F4F4F4FF | — |
| col_9996BAFF | #1B1B1BFF | — |
| col_D2A8A1FF | #333333FF | — |
| col_B16DC2FF | #0B0B0BFF | — |
| col_CDA869FF | #2B2B2BFF | — |
| col_FF0000FF | #CCCCCCFF | — |
| col_282427FF | #A5A5A5FF | — |
| col_CF7D34FF | #0D0D0DFF | — |
| col_698145FF | #F5F5F5FF | — |
| col_A6E22EFF | #3B3B3BFF | — |
| col_494949FF | #C9C9C9FF | — |
| col_336699FF | #DCDCDCFF | — |
| col_548FA0FF | #FFFFFFFF | — |
| col_0E2231FF | #9D9D9DFF | — |
| col_FFFFFFFF | #7F7F7FFF | — |
| col_221F22FF | #A0A0A0FF | — |
| col_808080FF | #000000FF | — |
| col_1B1B1BFF | #9B9B9BFF | — |
| col_7F7F7FFF | #FFFFFFFF | — |
| col_2F2F2FFF | #AFAFAFFF | — |
| col_676767FF | #E7E7E7FF | — |
| col_131313FF | #939393FF | — |
| col_B1B1B1FF | #313131FF | — |
| col_070707FF | #878787FF | — |
| col_141414FF | #949494FF | — |
| col_D9D9D9FF | #595959FF | — |
| col_A0A0A0FF | #202020FF | — |
| col_9C9C9CFF | #1C1C1CFF | — |
| col_A8A8A8FF | #282828FF | — |
| col_1A1A1AFF | #9A9A9AFF | — |
| col_CCCCCCFF | #4C4C4CFF | — |
| col_090909FF | #898989FF | — |
| col_E9E9E9FF | #696969FF | — |
| col_0D0D0DFF | #8D8D8DFF | — |
| col_FBFBFBFF | #7B7B7BFF | — |
| col_C9C9C9FF | #494949FF | — |
| col_0B0B0BFF | #8B8B8BFF | — |
| col_F7F7F7FF | #777777FF | — |
| col_B6B6B6FF | #363636FF | — |
| col_333333FF | #B3B3B3FF | — |
| col_363636FF | #B6B6B6FF | — |
| col_484848FF | #C8C8C8FF | — |
| col_4A4A4AFF | #CACACAFF | — |
| col_3F3F3FFF | #BFBFBFFF | — |
| col_FDFDFDFF | #7D7D7DFF | — |
| col_DCDCDCFF | #5C5C5CFF | — |
| col_D6D6D6FF | #565656FF | — |
| col_414141FF | #C1C1C1FF | — |
| col_F5F5F5FF | #757575FF | — |
| col_2B2B2BFF | #ABABABFF | — |
| col_040404FF | #848484FF | — |
| col_666666FF | #E6E6E6FF | — |
| col_171717FF | #979797FF | — |
| col_787878FF | #F8F8F8FF | — |
| col_3B3B3BFF | #BBBBBBFF | — |
| col_BDBDBDFF | #3D3D3DFF | — |
| col_EDEDEDFF | #6D6D6DFF | — |
| col_1D1D1DFF | #9D9D9DFF | — |
| col_F4F4F4FF | #747474FF | — |
| col_A5A5A5FF | #252525FF | — |
| col_383838FF | #B8B8B8FF | — |
| col_E3E3E3FF | #636363FF | — |
| col_5F5F5FFF | #DFDFDFFF | — |
| col_9D9D9DFF | #1D1D1DFF | — |
| col_E6E6E6FF | #666666FF | — |
| col_3D3D3DFF | #BDBDBDFF | — |
| col_9B9B9BFF | #1B1B1BFF | — |
| col_282828FF | #A8A8A8FF | — |
| col_B8B8B8FF | #383838FF | — |
| col_8B8B8BFF | #0B0B0BFF | — |
| col_6D6D6DFF | #EDEDEDFF | — |
| col_E7E7E7FF | #676767FF | — |
| col_1C1C1CFF | #9C9C9CFF | — |
| col_CACACAFF | #4A4A4AFF | — |
| col_AFAFAFFF | #2F2F2FFF | — |
| col_595959FF | #D9D9D9FF | — |
| col_949494FF | #141414FF | — |
| col_C1C1C1FF | #414141FF | — |
| col_5C5C5CFF | #DCDCDCFF | — |
| col_777777FF | #F7F7F7FF | — |
| col_B3B3B3FF | #333333FF | — |
| col_BBBBBBFF | #3B3B3BFF | — |
| col_939393FF | #131313FF | — |
| col_898989FF | #090909FF | — |
| col_636363FF | #E3E3E3FF | — |
| col_979797FF | #171717FF | — |
| col_313131FF | #B1B1B1FF | — |
| col_878787FF | #070707FF | — |
| col_7D7D7DFF | #FDFDFDFF | — |
| col_747474FF | #F4F4F4FF | — |
| col_252525FF | #A5A5A5FF | — |
| col_757575FF | #F5F5F5FF | — |
| col_BFBFBFFF | #3F3F3FFF | — |
| col_4C4C4CFF | #CCCCCCFF | — |
| col_202020FF | #A0A0A0FF | — |
| col_848484FF | #040404FF | — |
| col_9A9A9AFF | #1A1A1AFF | — |
| col_7B7B7BFF | #FBFBFBFF | — |
| col_696969FF | #E9E9E9FF | — |
| col_8D8D8DFF | #0D0D0DFF | — |
| col_ABABABFF | #2B2B2BFF | — |
| col_FEFEFEFF | #7E7E7EFF | — |
| col_232023FF | #A1A1A1FF | — |
| col_A1A1A1FF | #212121FF | — |
| col_7E7E7EFF | #FEFEFEFF | — |
| col_212121FF | #A1A1A1FF | — |
| col_9CE7DAFF | #4F4F4FFF | — |
| col_4F4F4FFF | #CFCFCFFF | — |
| col_CFCFCFFF | #4F4F4FFF | — |
| col_BEA43DFF | #202020FF | — |
| col_E2C484FF | #454545FF | — |
| col_454545FF | #C5C5C5FF | — |
| col_C5C5C5FF | #454545FF | — |
| col_BE99C5FF | #292929FF | — |
| col_292929FF | #A9A9A9FF | — |
| col_A9A9A9FF | #292929FF | — |
| col_FFC46FFF | #4B4B4BFF | — |
| col_4B4B4BFF | #CBCBCBFF | — |
| col_CBCBCBFF | #4B4B4BFF | — |
| col_5CBEA3FF | #1D1D1DFF | — |
| col_67C497FF | #232323FF | — |
| col_232323FF | #A3A3A3FF | — |
| col_A3A3A3FF | #232323FF | — |
| col_9FB760FF | #252525FF | — |
| col_B864C7FF | #080808FF | — |
| col_080808FF | #888888FF | — |
| col_888888FF | #080808FF | — |
| col_54982BFF | #F7F7F7FF | — |
| col_5EAB30FF | #050505FF | — |
| col_050505FF | #858585FF | — |
| col_858585FF | #050505FF | — |
| col_8BA057FF | #111111FF | — |
| col_111111FF | #919191FF | — |
| col_919191FF | #111111FF | — |
| col_EFEFEFFF | #6F6F6FFF | — |
| col_0A2234FF | #9C9C9CFF | — |
| col_ECEEEFCC | #444444FF | — |
| col_808181FF | #000000FF | — |
| col_ECEEEFF2 | #636363FF | — |
| col_5A98CBFF | #0B0B0BFF | — |
| col_999999FF | #191919FF | — |
| col_000000CC | #868686FF | — |
| col_FCA200FF | #2A2A2AFF | — |
| col_000000BF | #888888FF | — |
| col_2A2A2AFF | #AAAAAAFF | — |
| col_6F6F6FFF | #EFEFEFFF | — |
| col_060606FF | #868686FF | — |
| col_868686FF | #060606FF | — |
| col_191919FF | #999999FF | — |
| col_AAAAAAFF | #2A2A2AFF | — |
| col_444444FF | #C4C4C4FF | — |
| col_C4C4C4FF | #444444FF | — |
| col_90B4CBFF | #2B2B2BFF | — |
| col_FF77FFFF | #2F2F2FFF | — |
| col_FF77FF77 | #E3E3E3FF | — |
| col_F7F7F7EA | #656565FF | — |
| col_0A2335FF | #9D9D9DFF | — |
| col_656565FF | #E5E5E5FF | — |
| col_E5E5E5FF | #656565FF | — |
| col_37DACDFF | #272727FF | — |
| col_272727FF | #A7A7A7FF | — |
| col_A7A7A7FF | #272727FF | — |
| col_E0A235FF | #282828FF | — |
| col_A6B083FF | #272727FF | — |
| col_DAE0C3FF | #5A5A5AFF | — |
| col_5A5A5AFF | #DADADAFF | — |
| col_DADADAFF | #5A5A5AFF | — |
| col_DAFFC3FF | #6D6D6DFF | — |
| col_008800FF | #CFCFCFFF | — |
| col_005500FF | #B1B1B1FF | — |
| col_447755FF | #E3E3E3FF | — |
| col_80B290FF | #1F1F1FFF | — |
| col_1F1F1FFF | #9F9F9FFF | — |
| col_9F9F9FFF | #1F1F1FFF | — |
| col_5B5B5BFF | #DBDBDBFF | — |
| col_DBDBDBFF | #5B5B5BFF | — |
| col_112244FF | #A0A0A0FF | — |
| col_ACBAD4FF | #383838FF | — |
| col_EAEAEAFF | #6A6A6AFF | — |
| col_B0BED9FF | #3C3C3CFF | — |
| col_A6B4CDFF | #323232FF | — |
| col_0C0C0CFF | #8C8C8CFF | — |
| col_F3F3F3FF | #737373FF | — |
| col_A9B7D1FF | #353535FF | — |
| col_FFFFFFE5 | #686868FF | — |
| col_F9F9F9FF | #797979FF | — |
| col_FAFAFAFF | #7A7A7AFF | — |
| col_585858FF | #D8D8D8FF | — |
| col_A8B5CFFF | #343434FF | — |
| col_DDDDDDFF | #5D5D5DFF | — |
| col_AFBDD8FF | #3B3B3BFF | — |
| col_ACBAD5FF | #383838FF | — |
| col_AAB7D1FF | #363636FF | — |
| col_ECECECFF | #6C6C6CFF | — |
| col_A3B0C9FF | #2E2E2EFF | — |
| col_FFFFFF01 | #A2A2A2FF | — |
| col_F6F6F6FF | #767676FF | — |
| col_F1F1F1FF | #717171FF | — |
| col_A5B2CBFF | #303030FF | — |
| col_A2AEC7FF | #2D2D2DFF | — |
| col_AEBCD6FF | #3A3A3AFF | — |
| col_FCFCFCFF | #7C7C7CFF | — |
| col_0984AEFF | #E4E4E4FF | — |
| col_00000026 | #9C9C9CFF | — |
| col_1E73BEFF | #E2E2E2FF | — |
| col_7E7D7EFF | #FDFDFDFF | — |
| col_0F85B7FF | #E7E7E7FF | — |
| col_DD9640FF | #212121FF | — |
| col_DE871DFF | #141414FF | — |
| col_FFFFFFCC | #525252FF | — |
| col_525252FF | #D2D2D2FF | — |
| col_D8D8D8FF | #585858FF | — |
| col_686868FF | #E8E8E8FF | — |
| col_323232FF | #B2B2B2FF | — |
| col_2D2D2DFF | #ADADADFF | — |
| col_353535FF | #B5B5B5FF | — |
| col_3A3A3AFF | #BABABAFF | — |
| col_737373FF | #F3F3F3FF | — |
| col_7C7C7CFF | #FCFCFCFF | — |
| col_A2A2A2FF | #222222FF | — |
| col_3C3C3CFF | #BCBCBCFF | — |
| col_303030FF | #B0B0B0FF | — |
| col_6C6C6CFF | #ECECECFF | — |
| col_E2E2E2FF | #626262FF | — |
| col_2E2E2EFF | #AEAEAEFF | — |
| col_797979FF | #F9F9F9FF | — |
| col_343434FF | #B4B4B4FF | — |
| col_5D5D5DFF | #DDDDDDFF | — |
| col_767676FF | #F6F6F6FF | — |
| col_6A6A6AFF | #EAEAEAFF | — |
| col_7A7A7AFF | #FAFAFAFF | — |
| col_E4E4E4FF | #646464FF | — |
| col_717171FF | #F1F1F1FF | — |
| col_8C8C8CFF | #0C0C0CFF | — |
| col_E8E8E8FF | #686868FF | — |
| col_D2D2D2FF | #525252FF | — |
| col_BCBCBCFF | #3C3C3CFF | — |
| col_B4B4B4FF | #343434FF | — |
| col_222222FF | #A2A2A2FF | — |
| col_BABABAFF | #3A3A3AFF | — |
| col_B2B2B2FF | #323232FF | — |
| col_626262FF | #E2E2E2FF | — |
| col_B5B5B5FF | #353535FF | — |
| col_B0B0B0FF | #303030FF | — |
| col_AEAEAEFF | #2E2E2EFF | — |
| col_ADADADFF | #2D2D2DFF | — |
| col_646464FF | #E4E4E4FF | — |
| col_00000019 | #9D9D9DFF | — |
| col_F99E31FF | #2C2C2CFF | — |
| col_0C5A7AFF | #C6C6C6FF | — |
| col_88926CFF | #0A0A0AFF | — |
| col_0F2D41FF | #A6A6A6FF | — |
| col_97BD4BFF | #242424FF | — |
| col_E1FAEAFF | #707070FF | — |
| col_FFECEBFF | #717171FF | — |
| col_0D2532FF | #9F9F9FFF | — |
| col_EB5757FF | #030303FF | — |
| col_E1F5FAFF | #6F6F6FFF | — |
| col_4BB877FF | #0F0F0FFF | — |
| col_FFF5E5FF | #767676FF | — |
| col_DD882EFF | #171717FF | — |
| col_554467FF | #CDCDCDFF | — |
| col_70B276FF | #171717FF | — |
| col_00ABAFFF | #F8F8F8FF | — |
| col_344353FF | #C0C0C0FF | — |
| col_153E59FF | #B4B4B4FF | — |
| col_FFFF00FF | #616161FF | — |
| col_172B42FF | #A7A7A7FF | — |
| col_20BF6BFF | #050505FF | — |
| col_B9711CFF | #FCFCFCFF | — |
| col_2B4058FF | #BCBCBCFF | — |
| col_509054FF | #F6F6F6FF | — |
| col_FC5C65FF | #0C0C0CFF | — |
| col_00648EFF | #CACACAFF | — |
| col_5B6774FF | #E4E4E4FF | — |
| col_8BC090FF | #2A2A2AFF | — |
| col_FFFFFF99 | #262626FF | — |
| col_0990B7FF | #ECECECFF | — |
| col_CECECEFF | #4E4E4EFF | — |
| col_E08624FF | #151515FF | — |
| col_A46497FF | #FCFCFCFF | — |
| col_B2B8B8FF | #363636FF | — |
| col_55446AFF | #CDCDCDFF | — |
| col_B81C23FF | #CBCBCBFF | — |
| col_9FC632FF | #292929FF | — |
| col_1E9095FF | #EEEEEEFF | — |
| col_49A8ACFF | #0C0C0CFF | — |
| col_F99400FF | #212121FF | — |
| col_163E58FF | #B5B5B5FF | — |
| col_7FA21BFF | #080808FF | — |
| col_11345AFF | #ADADADFF | — |
| col_EEEEEEFF | #6E6E6EFF | — |
| col_0085B2FF | #E2E2E2FF | — |
| col_D4D4D4FF | #545454FF | — |
| col_FFA014FF | #2C2C2CFF | — |
| col_FF9800FF | #252525FF | — |
| col_E08623FF | #151515FF | — |
| col_46A9ADFF | #0B0B0BFF | — |
| col_F69532FF | #262626FF | — |
| col_E1A63FFF | #2B2B2BFF | — |
| col_C88431FF | #0E0E0EFF | — |
| col_97BD44FF | #232323FF | — |
| col_F1F4F8FF | #737373FF | — |
| col_0B2434FF | #9E9E9EFF | — |
| col_A0A437FF | #161616FF | — |
| col_00000072 | #929292FF | — |
| col_969696FF | #161616FF | — |
| col_0E2433FF | #9F9F9FFF | — |
| col_DB951CFF | #1C1C1CFF | — |
| col_FFFFFFB2 | #3C3C3CFF | — |
| col_0E0E0EFF | #8E8E8EFF | — |
| col_707070FF | #F0F0F0FF | — |
| col_CDCDCDFF | #4D4D4DFF | — |
| col_161616FF | #969696FF | — |
| col_262626FF | #A6A6A6FF | — |
| col_545454FF | #D4D4D4FF | — |
| col_616161FF | #E1E1E1FF | — |
| col_2C2C2CFF | #ACACACFF | — |
| col_151515FF | #959595FF | — |
| col_9E9E9EFF | #1E1E1EFF | — |
| col_030303FF | #838383FF | — |
| col_4E4E4EFF | #CECECEFF | — |
| col_6E6E6EFF | #EEEEEEFF | — |
| col_C6C6C6FF | #464646FF | — |
| col_242424FF | #A4A4A4FF | — |
| col_A6A6A6FF | #262626FF | — |
| col_0F0F0FFF | #8F8F8FFF | — |
| col_929292FF | #121212FF | — |
| col_0A0A0AFF | #8A8A8AFF | — |
| col_A4A4A4FF | #242424FF | — |
| col_959595FF | #151515FF | — |
| col_838383FF | #030303FF | — |
| col_8E8E8EFF | #0E0E0EFF | — |
| col_4D4D4DFF | #CDCDCDFF | — |
| col_8A8A8AFF | #0A0A0AFF | — |
| col_8F8F8FFF | #0F0F0FFF | — |
| col_F0F0F0FF | #707070FF | — |
| col_ACACACFF | #2C2C2CFF | — |
| col_464646FF | #C6C6C6FF | — |
| col_E1E1E1FF | #616161FF | — |
| col_1E1E1EFF | #9E9E9EFF | — |
| col_121212FF | #929292FF | — |
| col_D5D5D5FF | #555555FF | — |
| col_555555FF | #D5D5D5FF | — |
| col_5BC0DEFF | #252525FF | — |
| col_F0AD4EFF | #363636FF | — |
| col_5CB85CFF | #121212FF | — |
| col_428BCAFF | #FCFCFCFF | — |
| col_337AB7FF | #EBEBEBFF | — |
| col_00000023 | #9C9C9CFF | — |
| col_D9534FFF | #FAFAFAFF | — |
| col_A6A6A7FF | #262626FF | — |
| col_FFFF19FF | #646464FF | — |
| col_FFFF02FF | #626262FF | — |
| col_FFFFFF7F | #0F0F0FFF | — |
| col_FFFFFFA5 | #303030FF | — |
| col_5BA7C1FF | #131313FF | — |
| col_63C3C5FF | #262626FF | — |
| col_756983FF | #EFEFEFFF | — |
| col_4B3A61FF | #C3C3C3FF | — |
| col_B9D767FF | #414141FF | — |
| col_076787FF | #CDCDCDFF | — |
| col_11334AFF | #ABABABFF | — |
| col_C3C3C3FF | #434343FF | — |
| col_EBEBEBFF | #6B6B6BFF | — |
| col_6B6B6BFF | #EBEBEBFF | — |
| col_434343FF | #C3C3C3FF | — |
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...
export interface User {
id: string;
name: string;
role: "admin" | "member";
tags: string[];
}
/**
* Fetch user data by ID
* @param id
* @returns User object or null if ID is invalid
*/
export async function fetchUser(id: string): Promise<User | null> {
if (!id) {
return null;
}
const response = await fetch(`/api/users/${id}`, {
method: "GET",
headers: { Accept: "application/json" },
});
if (!response.ok) {
throw new Error(`HTTP ${response.status}`);
}
return (await response.json()) as User;
}
function greet(user: User): string {
// Simple greeting function that uses the user's name
return `Hello, ${user.name}!`;
}
export interface User {
id: string;
name: string;
role: "admin" | "member";
tags: string[];
}
/**
* Fetch user data by ID
* @param id
* @returns User object or null if ID is invalid
*/
export async function fetchUser(id: string): Promise<User | null> {
if (!id) {
return null;
}
const response = await fetch(`/api/users/${id}`, {
method: "GET",
headers: { Accept: "application/json" },
});
if (!response.ok) {
throw new Error(`HTTP ${response.status}`);
}
return (await response.json()) as User;
}
function greet(user: User): string {
// Simple greeting function that uses the user's name
return `Hello, ${user.name}!`;
}