diff --git a/README.md b/README.md index 57dc82f..7b1a52f 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,27 @@ -# GitHub's Zed themes +# GitHub Zed Themes -Project inspired on [GitHub's VS Code theme](https://github.com/primer/github-vscode-theme). +Project inspired on [GitHub's VS Code theme](https://github.com/primer/github-vscode-theme). Generated from [Primer's Primitives](https://primer.style/primitives/). + +### Light ![Light Theme](./art/light.png) +### Light High Contrast + +![Light High Contrast Theme](./art/light_contrast.png) + +### Dark + ![Dark Theme](./art/dark.png) +### Dark Dimmed + +![Dark Dimmed Theme](./art/dark_dimmed.png) + +### Dark High Contrast + +![Dark High Contrast Theme](./art/dark_contrast.png) + ## Installation 1. Open `Command Palette` diff --git a/art/dark.png b/art/dark.png index 99a8e15..24c51ae 100644 Binary files a/art/dark.png and b/art/dark.png differ diff --git a/art/dark_contrast.png b/art/dark_contrast.png new file mode 100644 index 0000000..b5bf132 Binary files /dev/null and b/art/dark_contrast.png differ diff --git a/art/dark_dimmed.png b/art/dark_dimmed.png new file mode 100644 index 0000000..5d50b98 Binary files /dev/null and b/art/dark_dimmed.png differ diff --git a/art/light.png b/art/light.png index e3f5c2e..f980924 100644 Binary files a/art/light.png and b/art/light.png differ diff --git a/art/light_contrast.png b/art/light_contrast.png new file mode 100644 index 0000000..55f73d1 Binary files /dev/null and b/art/light_contrast.png differ diff --git a/src/theme.js b/src/theme.js index e513ce4..53841c7 100644 --- a/src/theme.js +++ b/src/theme.js @@ -128,7 +128,7 @@ export function getTheme({ themeKey, name, type }) { "icon.accent": tokens['fgColor/accent'], "icon.muted": tokens['fgColor/muted'], "icon.disabled": tokens['fgColor/disabled'], - "icon.placeholder": tokens['fgColor/fgColor/placeholder'], + "icon.placeholder": tokens['fgColor/fgColor/muted'], "ignored": tokens['fgColor/muted'], "ignored.background": tokens['bgColor/disabled'], @@ -148,7 +148,7 @@ export function getTheme({ themeKey, name, type }) { "panel.background": tokens['bgColor/inset'], "panel.focused_border": tokens['borderColor/default'], - "predictive": tokens['fgColor/placeholder'], + "predictive": tokens['fgColor/muted'], "predictive.background": tokens['bgColor/neutral-muted'], "predictive.border": tokens['borderColor/neutral-muted'], @@ -210,7 +210,7 @@ export function getTheme({ themeKey, name, type }) { "text.accent": tokens['fgColor/accent'], "text.disabled": tokens['fgColor/disabled'], "text.muted": tokens['fgColor/default'], - "text.placeholder": tokens['fgColor/placeholder'], + "text.placeholder": tokens['fgColor/muted'], "title_bar.background": tokens['bgColor/inset'], "toolbar.background": tokens['bgColor/default'], @@ -341,7 +341,7 @@ export function getTheme({ themeKey, name, type }) { "font_weight": null }, "predictive": { - "color": tokens["fgColor/placeholder"], + "color": tokens["fgColor/muted"], "font_style": "italic", "font_weight": null }, diff --git a/themes/github_theme.json b/themes/github_theme.json index b897538..d599e9e 100644 --- a/themes/github_theme.json +++ b/themes/github_theme.json @@ -76,6 +76,7 @@ "pane.focused_border": "#d1d9e0ff", "panel.background": "#f6f8faff", "panel.focused_border": "#d1d9e0ff", + "predictive": "#59636eff", "predictive.background": "#818b981f", "predictive.border": "#d1d9e0b3", "renamed": "#1a7f37ff", @@ -126,6 +127,7 @@ "text.accent": "#0969daff", "text.disabled": "#818b98ff", "text.muted": "#1f2328ff", + "text.placeholder": "#59636eff", "title_bar.background": "#f6f8faff", "toolbar.background": "#ffffffff", "unreachable": "#818b98ff", @@ -278,6 +280,7 @@ "font_weight": null }, "predictive": { + "color": "#59636eff", "font_style": "italic", "font_weight": null }, @@ -457,6 +460,7 @@ "pane.focused_border": "#d1d9e0ff", "panel.background": "#f6f8faff", "panel.focused_border": "#d1d9e0ff", + "predictive": "#59636eff", "predictive.background": "#818b981f", "predictive.border": "#d1d9e0b3", "renamed": "#0969daff", @@ -507,6 +511,7 @@ "text.accent": "#0969daff", "text.disabled": "#818b98ff", "text.muted": "#1f2328ff", + "text.placeholder": "#59636eff", "title_bar.background": "#f6f8faff", "toolbar.background": "#ffffffff", "unreachable": "#818b98ff", @@ -659,6 +664,7 @@ "font_weight": null }, "predictive": { + "color": "#59636eff", "font_style": "italic", "font_weight": null }, @@ -838,6 +844,7 @@ "pane.focused_border": "#454c54ff", "panel.background": "#eff2f5ff", "panel.focused_border": "#454c54ff", + "predictive": "#454c54ff", "predictive.background": "#e0e6ebff", "predictive.border": "#454c54ff", "renamed": "#024c1aff", @@ -888,6 +895,7 @@ "text.accent": "#023b95ff", "text.disabled": "#59636eff", "text.muted": "#010409ff", + "text.placeholder": "#454c54ff", "title_bar.background": "#eff2f5ff", "toolbar.background": "#ffffffff", "unreachable": "#59636eff", @@ -1040,6 +1048,7 @@ "font_weight": null }, "predictive": { + "color": "#454c54ff", "font_style": "italic", "font_weight": null }, @@ -1219,6 +1228,7 @@ "pane.focused_border": "#d1d9e0ff", "panel.background": "#f6f8faff", "panel.focused_border": "#d1d9e0ff", + "predictive": "#59636eff", "predictive.background": "#818b981f", "predictive.border": "#d1d9e0b3", "renamed": "#0969daff", @@ -1269,6 +1279,7 @@ "text.accent": "#0969daff", "text.disabled": "#818b98ff", "text.muted": "#1f2328ff", + "text.placeholder": "#59636eff", "title_bar.background": "#f6f8faff", "toolbar.background": "#ffffffff", "unreachable": "#818b98ff", @@ -1421,6 +1432,7 @@ "font_weight": null }, "predictive": { + "color": "#59636eff", "font_style": "italic", "font_weight": null }, @@ -1600,6 +1612,7 @@ "pane.focused_border": "#3d444dff", "panel.background": "#010409ff", "panel.focused_border": "#3d444dff", + "predictive": "#9198a1ff", "predictive.background": "#656c7633", "predictive.border": "#3d444db3", "renamed": "#3fb950ff", @@ -1650,6 +1663,7 @@ "text.accent": "#4493f8ff", "text.disabled": "#656c7699", "text.muted": "#f0f6fcff", + "text.placeholder": "#9198a1ff", "title_bar.background": "#010409ff", "toolbar.background": "#0d1117ff", "unreachable": "#656c7699", @@ -1802,6 +1816,7 @@ "font_weight": null }, "predictive": { + "color": "#9198a1ff", "font_style": "italic", "font_weight": null }, @@ -1981,6 +1996,7 @@ "pane.focused_border": "#3d444dff", "panel.background": "#010409ff", "panel.focused_border": "#3d444dff", + "predictive": "#9198a1ff", "predictive.background": "#656c7633", "predictive.border": "#3d444db3", "renamed": "#58a6ffff", @@ -2031,6 +2047,7 @@ "text.accent": "#4493f8ff", "text.disabled": "#656c7699", "text.muted": "#f0f6fcff", + "text.placeholder": "#9198a1ff", "title_bar.background": "#010409ff", "toolbar.background": "#0d1117ff", "unreachable": "#656c7699", @@ -2183,6 +2200,7 @@ "font_weight": null }, "predictive": { + "color": "#9198a1ff", "font_style": "italic", "font_weight": null }, @@ -2362,6 +2380,7 @@ "pane.focused_border": "#b7bdc8ff", "panel.background": "#010409ff", "panel.focused_border": "#b7bdc8ff", + "predictive": "#b7bdc8ff", "predictive.background": "#212830ff", "predictive.border": "#b7bdc8ff", "renamed": "#2bd853ff", @@ -2412,6 +2431,7 @@ "text.accent": "#74b9ffff", "text.disabled": "#9198a199", "text.muted": "#ffffffff", + "text.placeholder": "#b7bdc8ff", "title_bar.background": "#010409ff", "toolbar.background": "#010409ff", "unreachable": "#9198a199", @@ -2564,6 +2584,7 @@ "font_weight": null }, "predictive": { + "color": "#b7bdc8ff", "font_style": "italic", "font_weight": null }, @@ -2743,6 +2764,7 @@ "pane.focused_border": "#3d444dff", "panel.background": "#010409ff", "panel.focused_border": "#3d444dff", + "predictive": "#9198a1ff", "predictive.background": "#656c7633", "predictive.border": "#3d444db3", "renamed": "#58a6ffff", @@ -2793,6 +2815,7 @@ "text.accent": "#4493f8ff", "text.disabled": "#656c7699", "text.muted": "#f0f6fcff", + "text.placeholder": "#9198a1ff", "title_bar.background": "#010409ff", "toolbar.background": "#0d1117ff", "unreachable": "#656c7699", @@ -2945,6 +2968,7 @@ "font_weight": null }, "predictive": { + "color": "#9198a1ff", "font_style": "italic", "font_weight": null }, @@ -3124,6 +3148,7 @@ "pane.focused_border": "#3d444dff", "panel.background": "#151b23ff", "panel.focused_border": "#3d444dff", + "predictive": "#9198a1ff", "predictive.background": "#656c7633", "predictive.border": "#3d444db3", "renamed": "#57ab5aff", @@ -3174,6 +3199,7 @@ "text.accent": "#478be6ff", "text.disabled": "#656c76ff", "text.muted": "#d1d7e0ff", + "text.placeholder": "#9198a1ff", "title_bar.background": "#151b23ff", "toolbar.background": "#212830ff", "unreachable": "#656c76ff", @@ -3326,6 +3352,7 @@ "font_weight": null }, "predictive": { + "color": "#9198a1ff", "font_style": "italic", "font_weight": null },