Skip to content

Commit

Permalink
Merge pull request #21 from claytercek/main
Browse files Browse the repository at this point in the history
Fix predictive/placeholder text color, update readme
  • Loading branch information
PyaeSoneAungRgn authored Dec 16, 2024
2 parents bb980c8 + 994bdfd commit b95bf20
Show file tree
Hide file tree
Showing 8 changed files with 49 additions and 6 deletions.
20 changes: 18 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -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`
Expand Down
Binary file modified art/dark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/dark_contrast.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/dark_dimmed.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified art/light.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added art/light_contrast.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions src/theme.js
Original file line number Diff line number Diff line change
Expand Up @@ -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'],
Expand All @@ -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'],

Expand Down Expand Up @@ -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'],
Expand Down Expand Up @@ -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
},
Expand Down
27 changes: 27 additions & 0 deletions themes/github_theme.json
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -278,6 +280,7 @@
"font_weight": null
},
"predictive": {
"color": "#59636eff",
"font_style": "italic",
"font_weight": null
},
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -659,6 +664,7 @@
"font_weight": null
},
"predictive": {
"color": "#59636eff",
"font_style": "italic",
"font_weight": null
},
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -1040,6 +1048,7 @@
"font_weight": null
},
"predictive": {
"color": "#454c54ff",
"font_style": "italic",
"font_weight": null
},
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -1421,6 +1432,7 @@
"font_weight": null
},
"predictive": {
"color": "#59636eff",
"font_style": "italic",
"font_weight": null
},
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -1802,6 +1816,7 @@
"font_weight": null
},
"predictive": {
"color": "#9198a1ff",
"font_style": "italic",
"font_weight": null
},
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -2183,6 +2200,7 @@
"font_weight": null
},
"predictive": {
"color": "#9198a1ff",
"font_style": "italic",
"font_weight": null
},
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -2564,6 +2584,7 @@
"font_weight": null
},
"predictive": {
"color": "#b7bdc8ff",
"font_style": "italic",
"font_weight": null
},
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -2945,6 +2968,7 @@
"font_weight": null
},
"predictive": {
"color": "#9198a1ff",
"font_style": "italic",
"font_weight": null
},
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -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",
Expand Down Expand Up @@ -3326,6 +3352,7 @@
"font_weight": null
},
"predictive": {
"color": "#9198a1ff",
"font_style": "italic",
"font_weight": null
},
Expand Down

0 comments on commit b95bf20

Please sign in to comment.