✨ Add ghostty themes (#40)

* ✨ Add `ghostty` themes * 📝 Update docs * 📝 Update readme * 📝 Update colors * 📝 Update screenshot
carloscuesta · Dec 28, 2024 · 6184cba · 6184cba
1 parent c3006ac
commit 6184cba
Show file tree

Hide file tree

Showing 5 changed files with 92 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -3,7 +3,8 @@
 [![GitHub license](https://img.shields.io/github/license/carloscuesta/materialshell.svg?style=flat-square)](https://github.com/carloscuesta/materialshell)
 [![GitHub release](https://img.shields.io/github/release/carloscuesta/materialshell.svg?style=flat-square)](https://github.com/carloscuesta/materialshell)
 
-![materialshell](https://cloud.githubusercontent.com/assets/7629661/11194912/348e69f6-8caf-11e5-97ec-876bd6565125.gif)
+![materialshell](https://github.com/user-attachments/assets/66df92cb-e5ff-4034-8692-42a41a57f7bc#gh-dark-mode-only)
+![materialshell](https://github.com/user-attachments/assets/b0a9f89c-61f0-42d9-b8e1-0c249cda3b9b#gh-light-mode-only)
 
 > A [material design](https://material.google.com/style/color.html) theme for your shell with a good contrast and color pops at the important parts. Designed to be easy on the eyes.
 
@@ -83,6 +84,6 @@ By **default** colors come built-in with the zsh theme. These are the **color th
 
 ## Screenshots
 
-| Dark | Oceanic |
-| :--: | :-----: |
-| ![materialshell dark](https://cloud.githubusercontent.com/assets/7629661/24923003/7b2ffa8a-1ef0-11e7-9092-dea1c694f667.png) | ![materialshell oceanic](https://cloud.githubusercontent.com/assets/7629661/24923004/7b4efe9e-1ef0-11e7-8804-ab3090ec1394.png) |
+| Dark | Light | Oceanic |
+|---|---|---|
+| ![materialshell dark](https://github.com/user-attachments/assets/da60e9dd-4ff7-4dc5-9b46-e6d6f2ed1ca3) | ![materialshell light](https://github.com/user-attachments/assets/abd9b7c8-2001-4eaa-94af-39df68c9f81e) | ![materialshell oceanic](https://github.com/user-attachments/assets/325e6b02-92de-4ab2-9c20-5e2752acf058) |
diff --git a/shell-color-themes/README.md b/shell-color-themes/README.md
@@ -59,6 +59,18 @@ See [hyper-materialshell](https://github.com/carloscuesta/hyper-materialshell).
 7. Naviage to the `Profiles` section or any of your specific terminals, such as `Windows PowerShell`
 8. In the `Color scheme` entry, select "`Oceanic`" from the dropdown.
 
+## Universal
+
+### [Ghostty](http://ghostty.org)
+
+1. Create a `themes` directory in the `$XDG_CONFIG_HOME/ghostty` directory.
+2. Copy the theme file from from [`shell-color-themes/ghostty`](/shell-color-themes/ghostty).
+3. Set the theme in the Ghostty config file.
+
+```sh
+theme=light:materialshell-light,dark:materialshell-dark
+```
+
 ## Manual
 
 Just in case there's no theme available for your terminal emulator, you can setup manually by using the color palette listed. _Feel free to send a pull request adding support for your emulator!_ :tada:
@@ -76,6 +88,20 @@ Just in case there's no theme available for your terminal emulator, you can setu
 - Text: [```#A1B0B8```](http://www.color-hex.com/color/A1B0B8)
 - Background: [```#151515```](http://www.color-hex.com/color/151515)
 
+### Light
+
+
+- Black: [```#252525```](http://www.color-hex.com/color/252525)
+- Red: [```#DC3838```](http://www.color-hex.com/color/DC3838)
+- Green: [```#DC3838```](http://www.color-hex.com/color/DC3838)
+- Yellow: [```#a66c00```](http://www.color-hex.com/color/a66c00)
+- Blue: [```#107CC0```](http://www.color-hex.com/color/107CC0)
+- Magenta: [```#DE2972```](http://www.color-hex.com/color/DE2972)
+- Cyan: [```#009fb1```](http://www.color-hex.com/color/009fb1)
+- White: [```#656e71```](http://www.color-hex.com/color/656e71)
+- Text: [```#656e71```](http://www.color-hex.com/color/656e71)
+- Background: [```#f6f8fa```](http://www.color-hex.com/color/f6f8fa)
+
 ### Oceanic
 
 - Black: [```#252525```](http://www.color-hex.com/color/252525)

diff --git a/shell-color-themes/ghostty/materialshell-dark b/shell-color-themes/ghostty/materialshell-dark
@@ -0,0 +1,20 @@
+palette = 0=#252525
+palette = 1=#FF443E
+palette = 2=#C3D82C
+palette = 3=#FFC135
+palette = 4=#42A5F5
+palette = 5=#D81B60
+palette = 6=#00ACC1
+palette = 7=#F5F5F5
+palette = 9=#FF443E
+palette = 10=#C3D82C
+palette = 11=#FFC135
+palette = 12=#42A5F5
+palette = 13=#D81B60
+palette = 14=#00ACC1
+palette = 15=#F5F5F5
+background =#151515
+foreground =#A1B0B8
+cursor-color =#ee6857
+selection-background =323232
+selection-foreground =CFCFCF
diff --git a/shell-color-themes/ghostty/materialshell-light b/shell-color-themes/ghostty/materialshell-light
@@ -0,0 +1,20 @@
+palette = 0=#252525
+palette = 1=#DC3838
+palette = 2=#8c9c00
+palette = 3=#a66c00
+palette = 4=#107CC0
+palette = 5=#DE2972
+palette = 6=#009fb1
+palette = 7=#656e71
+palette = 9=#DC3838
+palette = 10=#8c9c00
+palette = 11=#a66c00
+palette = 12=#107CC0
+palette = 13=#DE2972
+palette = 14=#009fb1
+palette = 15=#686868
+background =#f6f8fa
+foreground =#656e71
+cursor-color =#9ea8b4
+selection-background =e8ecef
+selection-foreground =656e71
diff --git a/shell-color-themes/ghostty/materialshell-oceanic b/shell-color-themes/ghostty/materialshell-oceanic
@@ -0,0 +1,21 @@
+palette = 0=#252525
+palette = 1=#FF5252
+palette = 2=#C3D82C
+palette = 3=#FFD740
+palette = 4=#40C4FF
+palette = 5=#FF4081
+palette = 6=#18FFFF
+palette = 7=#F5F5F5
+palette = 8=#A1B0B8
+palette = 9=#FF5252
+palette = 10=#C3D82C
+palette = 11=#FFD740
+palette = 12=#40C4FF
+palette = 13=#FF4081
+palette = 14=#18FFFF
+palette = 15=#F5F5F5
+background =#263238
+foreground =#A1B0B8
+cursor-color =#ee6857
+selection-background =323232
+selection-foreground =CFCFCF