stellarskylark/tachyons-skylark
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add Catppucin Mocha and Latte themes as skins

Browse source
This commit is contained in:
Skylar Hill 2023-12-19 01:14:40 -06:00
parent bc41c91dde
commit 37c163c5e9
1 changed files with 106 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

106
src/_skins.css
View file

@ -134,3 +134,109 @@
.bg-washed-yellow { background-color: var(--washed-yellow); }
.bg-washed-red { background-color: var(--washed-red); }
.bg-inherit { background-color: inherit; }
.mocha .crust { color: #11111b; }
.mocha .mantle { color: #181825; }
.mocha .base { color: #1e1e2e; }
.mocha .surface0 { color: #313244; }
.mocha .surface1 { color: #45475a; }
.mocha .surface2 { color: #585b70; }
.mocha .overlay0 { color: #6c7086; }
.mocha .overlay1 { color: #7f849c; }
.mocha .overlay2 { color: #9399b2; }
.mocha .subtext0 { color: #a6adc8; }
.mocha .subtext1 { color: #bac2de; }
.mocha .text { color: #cdd6f4; }
.mocha .lavender { color: #b4befe; }
.mocha .blue { color: #89b4fa; }
.mocha .sapphire { color: #74c7ec; }
.mocha .sky { color: #89dceb; }
.mocha .teal { color: #94e2d5; }
.mocha .green { color: #a6e3a1; }
.mocha .yellow { color: #f9e2af; }
.mocha .peach { color: #fab387; }
.mocha .maroon { color: #eba0ac; }
.mocha .red { color: #f38ba8; }
.mocha .mauve { color: #cba6f7; }
.mocha .pink { color: #f5c2e7; }
.mocha .flamingo { color: #f2cdcd; }
.mocha .rosewater { color: #f5e0dc; }
.mocha .bg-crust { background-color: #11111b; }
.mocha .bg-mantle { background-color: #181825; }
.mocha .bg-base { background-color: #1e1e2e; }
.mocha .bg-surface0 { background-color: #313244; }
.mocha .bg-surface1 { background-color: #45475a; }
.mocha .bg-surface2 { background-color: #585b70; }
.mocha .bg-overlay0 { background-color: #6c7086; }
.mocha .bg-overlay1 { background-color: #7f849c; }
.mocha .bg-overlay2 { background-color: #9399b2; }
.mocha .bg-subtext0 { background-color: #a6adc8; }
.mocha .bg-subtext1 { background-color: #bac2de; }
.mocha .bg-text { background-color: #cdd6f4; }
.mocha .bg-lavender { background-color: #b4befe; }
.mocha .bg-blue { background-color: #89b4fa; }
.mocha .bg-sapphire { background-color: #74c7ec; }
.mocha .bg-sky { background-color: #89dceb; }
.mocha .bg-teal { background-color: #94e2d5; }
.mocha .bg-green { background-color: #a6e3a1; }
.mocha .bg-yellow { background-color: #f9e2af; }
.mocha .bg-peach { background-color: #fab387; }
.mocha .bg-maroon { background-color: #eba0ac; }
.mocha .bg-red { background-color: #f38ba8; }
.mocha .bg-mauve { background-color: #cba6f7; }
.mocha .bg-pink { background-color: #f5c2e7; }
.mocha .bg-flamingo { background-color: #f2cdcd; }
.mocha .bg-rosewater { background-color: #f5e0dc; }
.latte .crust { color: #dce0e8; }
.latte .mantle { color: #e6e9ef; }
.latte .base { color: #eff1f5; }
.latte .surface0 { color: #ccd0da; }
.latte .surface1 { color: #bcc0cc; }
.latte .surface2 { color: #acb0be; }
.latte .overlay0 { color: #9ca0b0; }
.latte .overlay1 { color: #8c8fa1; }
.latte .overlay2 { color: #7c7f93; }
.latte .subtext0 { color: #6c6f85; }
.latte .subtext1 { color: #5c5f77; }
.latte .text { color: #4c4f69; }
.latte .lavender { color: #7287fd; }
.latte .blue { color: #1e66f5; }
.latte .sapphire { color: #209fb5; }
.latte .sky { color: #04a5e5; }
.latte .teal { color: #179299; }
.latte .green { color: #40a02b; }
.latte .yellow { color: #df8e1d; }
.latte .peach { color: #fe640b; }
.latte .maroon { color: #e64533; }
.latte .red { color: #d20f39; }
.latte .mauve { color: #8839ef; }
.latte .pink { color: #ea76cb; }
.latte .flamingo { color: #dd7878; }
.latte .rosewater { color: #dc8a78; }
.latte .bg-crust { background-color: #dce0e8; }
.latte .bg-mantle { background-color: #e6e9ef; }
.latte .bg-base { background-color: #eff1f5; }
.latte .bg-surface0 { background-color: #ccd0da; }
.latte .bg-surface1 { background-color: #bcc0cc; }
.latte .bg-surface2 { background-color: #acb0be; }
.latte .bg-overlay0 { background-color: #9ca0b0; }
.latte .bg-overlay1 { background-color: #8c8fa1; }
.latte .bg-overlay2 { background-color: #7c7f93; }
.latte .bg-subtext0 { background-color: #6c6f85; }
.latte .bg-subtext1 { background-color: #5c5f77; }
.latte .bg-text { background-color: #4c4f69; }
.latte .bg-lavender { background-color: #7287fd; }
.latte .bg-blue { background-color: #1e66f5; }
.latte .bg-sapphire { background-color: #209fb5; }
.latte .bg-sky { background-color: #04a5e5; }
.latte .bg-teal { background-color: #179299; }
.latte .bg-green { background-color: #40a02b; }
.latte .bg-yellow { background-color: #df8e1d; }
.latte .bg-peach { background-color: #fe640b; }
.latte .bg-maroon { background-color: #e64533; }
.latte .bg-red { background-color: #d20f39; }
.latte .bg-mauve { background-color: #8839ef; }
.latte .bg-pink { background-color: #ea76cb; }
.latte .bg-flamingo { background-color: #dd7878; }
.latte .bg-rosewater { background-color: #dc8a78; }