mirror of
https://github.com/ethauvin/warp-themes.git
synced 2025-04-25 01:07:10 -07:00
Add Apple Dark and Apple Light (#27)
* Add Apple Dark and Apple Light Apple Dark and Apple Light themes based on the colors of Apple Human Interface Guidelines. * Create .gitignore Ignore .DS_Store macOS system files. * Darken background color
This commit is contained in:
Sebastian
GitHub
parent
5bbea2b260
commit
c89f3228d3
6 changed files with 232 additions and 0 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
|
||||
.DS_Store
|
||||
|
|
@ -48,6 +48,8 @@ The [Winter Holiday Theme](https://twitter.com/warpdotdev/status/147415955096184
|
|||
|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'>|
|
||||
|**[Argonaut](argonaut.yaml)**:|<img src='previews/argonaut.yaml.svg' width='300'>|
|
||||
|**[Avirage](avirage.yaml)**:|<img src='previews/avirage.yaml.svg' width='300'>|
|
||||
|**[Ayu Dark](ayu_dark.yaml)**:|<img src='previews/ayu_dark.yaml.svg' width='300'>|
|
||||
|
|
|
|||
24
standard/apple_dark.yaml
Normal file
24
standard/apple_dark.yaml
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
# Colors from https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/#system-colors
|
||||
accent: '#FF9F0A' # Accent color for UI elements SwiftUI systemOrange for dark mode
|
||||
background: '#1c1c1e' # Terminal background color SwiftUI systemGray6 for dark mode
|
||||
details: darker # Whether the theme is lighter or darker.
|
||||
foreground: '#FAFAFA' # The foreground color.
|
||||
terminal_colors: # Ansi escape colors.
|
||||
bright:
|
||||
black: '#1C1C1E' # SwiftUI systemGray6 for dark mode
|
||||
blue: '#007AFF' # SwiftUI systemBlue for light mode
|
||||
cyan: '#32ADE6' # SwiftUI systemCyan for light mode
|
||||
green: '#34C759' # SwiftUI systemGreen for light mode
|
||||
magenta: '#FF2DDE' # SwiftUI systemPink with blue of systemPurple for light mode
|
||||
red: '#FF3B30' # SwiftUI systemRed for light mode
|
||||
white: '#F2F2F7' # SwiftUI systemGray6 for light mode
|
||||
yellow: '#FFCC00' # SwiftUI systemYellow for light mode
|
||||
normal:
|
||||
black: '#1C1C1E' # SwiftUI systemGray6 for dark mode
|
||||
blue: '#0A84FF' # SwiftUI systemBlue for dark mode
|
||||
cyan: '#64D2FF' # SwiftUI systemCyan for dark mode
|
||||
green: '#30D158' # SwiftUI systemGreen for dark mode
|
||||
magenta: '#FF37F2' # SwiftUI systemPink with blue of systemPurple for dark mode
|
||||
red: '#FF453A' # SwiftUI systemRed for dark mode
|
||||
white: '#F2F2F7' # SwiftUI systemGray6 for light mode
|
||||
yellow: '#FFD60A' # SwiftUI systemYellow for dark mode
|
||||
24
standard/apple_light.yaml
Normal file
24
standard/apple_light.yaml
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
# Colors from https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/#system-colors
|
||||
accent: '#FF9500' # Accent color for UI elements SwiftUI systemOrange for light mode
|
||||
background: '#E5E5EA' # Terminal background color SwiftUI systemGray5 for light mode
|
||||
details: lighter # Whether the theme is lighter or darker.
|
||||
foreground: '#1C1C1E' # The foreground color. # SwiftUI systemGray6 for dark mode
|
||||
terminal_colors: # Ansi escape colors.
|
||||
bright:
|
||||
black: '#1C1C1E' # SwiftUI systemGray6 for dark mode
|
||||
blue: '#0A84FF' # SwiftUI systemBlue for dark mode
|
||||
cyan: '#64D2FF' # SwiftUI systemCyan for dark mode
|
||||
green: '#30D158' # SwiftUI systemGreen for dark mode
|
||||
magenta: '#FF37F2' # SwiftUI systemPink with blue of systemPurple for dark mode
|
||||
red: '#FF453A' # SwiftUI systemRed for dark mode
|
||||
white: '#F2F2F7' # SwiftUI systemGray6 for light mode
|
||||
yellow: '#FFD60A' # SwiftUI systemYellow for dark mode
|
||||
normal:
|
||||
black: '#1C1C1E' # SwiftUI systemGray6 for dark mode
|
||||
blue: '#007AFF' # SwiftUI systemBlue for light mode
|
||||
cyan: '#32ADE6' # SwiftUI systemCyan for light mode
|
||||
green: '#34C759' # SwiftUI systemGreen for light mode
|
||||
magenta: '#FF2DDE' # SwiftUI systemPink with blue of systemPurple for light mode
|
||||
red: '#FF3B30' # SwiftUI systemRed for light mode
|
||||
white: '#F2F2F7' # SwiftUI systemGray6 for light mode
|
||||
yellow: '#FFCC00' # SwiftUI systemYellow for light mode
|
||||
90
standard/previews/apple_dark.yaml.svg
Normal file
90
standard/previews/apple_dark.yaml.svg
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
|
||||
<rect width="300" height="145" class="Dynamic" fill="#2C2C2E" rx="5" />
|
||||
|
||||
<!-- first command -->
|
||||
<text x="15" y="15" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
|
||||
<text x="15" y="30" fill="#0A84FF" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
dir
|
||||
</text>
|
||||
<text x="65" y="30" fill="#FF453A" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
executable
|
||||
</text>
|
||||
<text x="175" y="30" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
file
|
||||
</text>
|
||||
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#FAFAFA"/>
|
||||
|
||||
<!-- second command -->
|
||||
<text x="15" y="55" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
|
||||
<text x="15" y="70" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
normal:
|
||||
</text>
|
||||
<text x="55" y="70" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
black
|
||||
</text>
|
||||
<text x="85" y="70" fill="#FF453A" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
red
|
||||
</text>
|
||||
<text x="105" y="70" fill="#30D158" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
green
|
||||
</text>
|
||||
<text x="135" y="70" fill="#FFD60A" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
yellow
|
||||
</text>
|
||||
<text x="170" y="70" fill="#0A84FF" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
blue
|
||||
</text>
|
||||
<text x="195" y="70" fill="#FF37F2" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
magenta
|
||||
</text>
|
||||
<text x="235" y="70" fill="#64D2FF" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
cyan
|
||||
</text>
|
||||
<text x="260" y="70" fill="#F2F2F7" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
white
|
||||
</text>
|
||||
<text x="15" y="85" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class='Dynamic'>
|
||||
bright:
|
||||
</text>
|
||||
<text x="55" y="85" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
black
|
||||
</text>
|
||||
<text x="85" y="85" fill="#FF3B30" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
red
|
||||
</text>
|
||||
<text x="105" y="85" fill="#34C759" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
green
|
||||
</text>
|
||||
<text x="135" y="85" fill="#FFCC00" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
yellow
|
||||
</text>
|
||||
<text x="170" y="85" fill="#007AFF" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
blue
|
||||
</text>
|
||||
<text x="195" y="85" fill="#FF2DDE" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
magenta
|
||||
</text>
|
||||
<text x="235" y="85" fill="#32ADE6" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
cyan
|
||||
</text>
|
||||
<text x="260" y="85" fill="#F2F2F7" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
white
|
||||
</text>
|
||||
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#FAFAFA" />
|
||||
|
||||
<!-- prompt -->
|
||||
<text x="15" y="110" fill="#FF37F2" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
~/project
|
||||
</text>
|
||||
<text x="65" y="110" fill="#30D158" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
git(
|
||||
</text>
|
||||
<text x="85" y="110" fill="#FFD60A" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
main
|
||||
</text>
|
||||
<text x="113" y="110" fill="#30D158" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
)
|
||||
</text>
|
||||
<!-- cursor -->
|
||||
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#FF9F0A" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
90
standard/previews/apple_light.yaml.svg
Normal file
90
standard/previews/apple_light.yaml.svg
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
|
||||
<rect width="300" height="145" class="Dynamic" fill="#E5E5EA" rx="5" />
|
||||
|
||||
<!-- first command -->
|
||||
<text x="15" y="15" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
|
||||
<text x="15" y="30" fill="#007AFF" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
dir
|
||||
</text>
|
||||
<text x="65" y="30" fill="#FF3B30" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
executable
|
||||
</text>
|
||||
<text x="175" y="30" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
file
|
||||
</text>
|
||||
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#1C1C1E"/>
|
||||
|
||||
<!-- second command -->
|
||||
<text x="15" y="55" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
|
||||
<text x="15" y="70" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
normal:
|
||||
</text>
|
||||
<text x="55" y="70" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
black
|
||||
</text>
|
||||
<text x="85" y="70" fill="#FF3B30" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
red
|
||||
</text>
|
||||
<text x="105" y="70" fill="#34C759" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
green
|
||||
</text>
|
||||
<text x="135" y="70" fill="#FFCC00" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
yellow
|
||||
</text>
|
||||
<text x="170" y="70" fill="#007AFF" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
blue
|
||||
</text>
|
||||
<text x="195" y="70" fill="#FF2DDE" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
magenta
|
||||
</text>
|
||||
<text x="235" y="70" fill="#32ADE6" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
cyan
|
||||
</text>
|
||||
<text x="260" y="70" fill="#F2F2F7" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
white
|
||||
</text>
|
||||
<text x="15" y="85" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class='Dynamic'>
|
||||
bright:
|
||||
</text>
|
||||
<text x="55" y="85" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
black
|
||||
</text>
|
||||
<text x="85" y="85" fill="#FF453A" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
red
|
||||
</text>
|
||||
<text x="105" y="85" fill="#30D158" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
green
|
||||
</text>
|
||||
<text x="135" y="85" fill="#FFD60A" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
yellow
|
||||
</text>
|
||||
<text x="170" y="85" fill="#0A84FF" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
blue
|
||||
</text>
|
||||
<text x="195" y="85" fill="#FF37F2" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
magenta
|
||||
</text>
|
||||
<text x="235" y="85" fill="#64D2FF" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
cyan
|
||||
</text>
|
||||
<text x="260" y="85" fill="#F2F2F7" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
white
|
||||
</text>
|
||||
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#1C1C1E" />
|
||||
|
||||
<!-- prompt -->
|
||||
<text x="15" y="110" fill="#FF2DDE" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
~/project
|
||||
</text>
|
||||
<text x="65" y="110" fill="#34C759" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
git(
|
||||
</text>
|
||||
<text x="85" y="110" fill="#FFCC00" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
main
|
||||
</text>
|
||||
<text x="113" y="110" fill="#34C759" font-size="0.6em" font-family="monospace" class="Dynamic">
|
||||
)
|
||||
</text>
|
||||
<!-- cursor -->
|
||||
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#FF9500" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
Loading…
Add table
Add a link
Reference in a new issue