Theme/penumbra (#71)

* add penumbra themes

* fix light theme details field value

* fix accent color and rename theme

---------

Co-authored-by: elvis kahoro <elvis@warp.dev>
This commit is contained in:
Yoonho Go 2023-11-18 05:49:06 +09:00 committed by GitHub
parent efa5dcf20c
commit b3991c1fe0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 261 additions and 113 deletions

View file

@ -1,5 +1,5 @@
| Theme name | Preview |
| --- | --- |
| ---------------------------------------------------------------------------- | ------------------------------------------------------------------------- |
| **[Afterglow](afterglow.yaml)**: | <img src='previews/afterglow.yaml.svg' width='300'> |
| **[Apple Dark](apple_dark.yaml)**: | <img src='previews/apple_dark.yaml.svg' width='300'> |
| **[Apple Light](apple_light.yaml)**: | <img src='previews/apple_light.yaml.svg' width='300'> |
@ -44,7 +44,6 @@
| **[Gruvbox Dark](gruvbox_dark.yaml)**: | <img src='previews/gruvbox_dark.yaml.svg' width='300'> |
| **[Gruvbox Light](gruvbox_light.yaml)**: | <img src='previews/gruvbox_light.yaml.svg' width='300'> |
| **[Gruvbox Material](gruvbox_material.yaml)**: | <img src='previews/gruvbox_material.yaml.svg' width='300'> |
|**[Hackthebox](hackthebox.yaml)**:|<img src='previews/hackthebox.yaml.svg' width='300'>|
| **[Halcyon](halcyon.yaml)**: | <img src='previews/halcyon.yaml.svg' width='300'> |
| **[High Contrast](high_contrast.yaml)**: | <img src='previews/high_contrast.yaml.svg' width='300'> |
| **[Horizon Dark](horizon_dark.yaml)**: | <img src='previews/horizon_dark.yaml.svg' width='300'> |
@ -77,6 +76,8 @@
| **[Papercolor Light](papercolor_light.yaml)**: | <img src='previews/papercolor_light.yaml.svg' width='300'> |
| **[Pencil Dark](pencil_dark.yaml)**: | <img src='previews/pencil_dark.yaml.svg' width='300'> |
| **[Pencil Light](pencil_light.yaml)**: | <img src='previews/pencil_light.yaml.svg' width='300'> |
|**[Penumbra Dark](penumbra_dark.yaml)**:|<img src='previews/penumbra_dark.yaml.svg' width='300'>|
|**[Penumbra Light](penumbra_light.yaml)**:|<img src='previews/penumbra_light.yaml.svg' width='300'>|
| **[Plastic](plastic.yaml)**: | <img src='previews/plastic.yaml.svg' width='300'> |
| **[Poimandres](poimandres.yaml)**: | <img src='previews/poimandres.yaml.svg' width='300'> |
| **[Remedy Dark](remedy_dark.yaml)**: | <img src='previews/remedy_dark.yaml.svg' width='300'> |
@ -88,7 +89,6 @@
| **[Snazzy Blue](snazzy_blue.yaml)**: | <img src='previews/snazzy_blue.yaml.svg' width='300'> |
| **[Snazzy Green](snazzy_green.yaml)**: | <img src='previews/snazzy_green.yaml.svg' width='300'> |
| **[Snazzy Red](snazzy_red.yaml)**: | <img src='previews/snazzy_red.yaml.svg' width='300'> |
|**[Soft One Dark](soft_one_dark.yaml)**:|<img src='previews/soft_one_dark.yaml.svg' width='300'>|
| **[Solarized Dark](solarized_dark.yaml)**: | <img src='previews/solarized_dark.yaml.svg' width='300'> |
| **[Solarized Light](solarized_light.yaml)**: | <img src='previews/solarized_light.yaml.svg' width='300'> |
| **[Spaceduck](spaceduck.yaml)**: | <img src='previews/spaceduck.yaml.svg' width='300'> |

View file

@ -0,0 +1,23 @@
accent: '#3E4044' # Accent color for UI elements
background: '#303338' # Terminal background color
details: darker # Whether the theme is lighter or darker.
foreground: '#8F8F8F' # The foreground color.
terminal_colors: # Ansi escape colors.
bright:
black: '#636363'
blue: '#7e87d6'
cyan: '#00A0BE'
green: '#46A473'
magenta: '#BD72A8'
red: '#CB7459'
white: '#fffdfb'
yellow: '#A38F2D'
normal:
black: '#24272B'
blue: '#7E87D6'
cyan: '#00A0BE'
green: '#46A473'
magenta: '#BD72A8'
red: '#CB7459'
white: '#fff7ed'
yellow: '#A38F2D'

View file

@ -0,0 +1,23 @@
accent: '#F2E6D4' # Accent color for UI elements
background: '#fff7ed' # Terminal background color
details: lighter # Whether the theme is lighter or darker.
foreground: '#8F8F8F' # The foreground color.
terminal_colors: # Ansi escape colors.
bright:
black: '#bebebe'
blue: '#7e87d6'
cyan: '#00A0BE'
green: '#46A473'
magenta: '#BD72A8'
red: '#CB7459'
white: '#24272b'
yellow: '#A38F2D'
normal:
black: '#fffdfb'
blue: '#7E87D6'
cyan: '#00A0BE'
green: '#46A473'
magenta: '#BD72A8'
red: '#CB7459'
white: '#3e4044'
yellow: '#A38F2D'

View file

@ -0,0 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#303338" class="Dynamic" rx="5"/><text x="15" y="15" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7E87D6" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text><text x="65" y="30" fill="#CB7459" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text><text x="175" y="30" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text><path stroke="#8F8F8F" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text><text x="55" y="70" fill="#24272B" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text><text x="85" y="70" fill="#CB7459" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text><text x="105" y="70" fill="#46A473" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text><text x="135" y="70" fill="#A38F2D" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text><text x="170" y="70" fill="#7E87D6" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text><text x="195" y="70" fill="#BD72A8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text><text x="235" y="70" fill="#00A0BE" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text><text x="260" y="70" fill="#fff7ed" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text><text x="15" y="85" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text><text x="55" y="85" fill="#636363" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text><text x="85" y="85" fill="#CB7459" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text><text x="105" y="85" fill="#46A473" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text><text x="135" y="85" fill="#A38F2D" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text><text x="170" y="85" fill="#7e87d6" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text><text x="195" y="85" fill="#BD72A8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text><text x="235" y="85" fill="#00A0BE" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text><text x="260" y="85" fill="#fffdfb" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text><path stroke="#8F8F8F" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#BD72A8" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text><text x="65" y="110" fill="#46A473" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text><text x="85" y="110" fill="#A38F2D" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text><text x="113" y="110" fill="#46A473" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text><path stroke="#3E4044" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

View file

@ -0,0 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#fff7ed" class="Dynamic" rx="5"/><text x="15" y="15" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7E87D6" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text><text x="65" y="30" fill="#CB7459" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text><text x="175" y="30" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text><path stroke="#8F8F8F" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text><text x="55" y="70" fill="#fffdfb" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text><text x="85" y="70" fill="#CB7459" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text><text x="105" y="70" fill="#46A473" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text><text x="135" y="70" fill="#A38F2D" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text><text x="170" y="70" fill="#7E87D6" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text><text x="195" y="70" fill="#BD72A8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text><text x="235" y="70" fill="#00A0BE" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text><text x="260" y="70" fill="#3e4044" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text><text x="15" y="85" fill="#8F8F8F" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text><text x="55" y="85" fill="#bebebe" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text><text x="85" y="85" fill="#CB7459" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text><text x="105" y="85" fill="#46A473" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text><text x="135" y="85" fill="#A38F2D" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text><text x="170" y="85" fill="#7e87d6" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text><text x="195" y="85" fill="#BD72A8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text><text x="235" y="85" fill="#00A0BE" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text><text x="260" y="85" fill="#24272b" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text><path stroke="#8F8F8F" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#BD72A8" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text><text x="65" y="110" fill="#46A473" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text><text x="85" y="110" fill="#A38F2D" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text><text x="113" y="110" fill="#46A473" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text><path stroke="#F2E6D4" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>

After

Width:  |  Height:  |  Size: 3.2 KiB