I really like the dark theme glitch uses and I want to get it for vs code, atom and sublime text
TIA
I really like the dark theme glitch uses and I want to get it for vs code, atom and sublime text
TIA
Hi @hotmailbelike, welcome to the Glitch forum!
The dark theme in the Glitch Editor is based on a theme called Cosmos. I can’t find any references to that theme anywhere, but the color definitions are as follows (not sure if they’ll actually be of that much help, though) and you can see the compiled CSS at https://glitch.com/edit/themes/cosmos.version.769f9da67ff78c01256f.css:
// Cosmos Theme
// 🌌🌄🌉
theme-type = 'dark'
primary = #eeeeee
primary-background = #160F19
general-link = #418cab
secondary = #484848
secondary-background = #282828
secondary-background-hover = #333
secondary-background-active = #4e4e4e
text-on-secondary-background = #9B9B9B
line-on-secondary-background = #7b7b7b
section-line = #404040
input-border = #666
input-border-focused = #A2D7FF
tertiary = #9B9B9B
secondary-hover-on-color = rgba(255,255,255,0.6)
tooltip-background = rgba(255, 255, 255, 0.85)
cta = #b1419f
error = #ff5d5d
warning = #FFAABF
warning-background = #f3929f
notification = #A4A4FF
success = #55ff84
private = #b98e01
private-secondary = #c79d11
line-added = #284A35
line-added-active = #36945b
line-removed = #58243a
line-removed-active = #B62D4E
rewind-playhead = #91b0ff
translucent = 0.2
pop-shadow = 0px 2px 5px 0px rgba(0,0,0,0.27), 0px 1px 1px 0px rgba(0,0,0,0.15)
// JS, Coffee, etc.
file-logic = rgba(112, 89, 224, 1)
file-logic-secondary = rgba(112, 89, 224, translucent)
// JSON -- looks like error
file-data = rgba(206, 92, 72, 1)
file-data-secondary = rgba(206, 92, 72, translucent)
// Markdown
file-info = rgba(0, 176, 178, 1)
file-info-secondary = rgba(0, 176, 178, translucent)
// HTML, Jade, HAML
file-view = rgba(179, 149, 25, 1)
file-view-secondary = rgba(179, 149, 25, translucent)
// CSS, LESS, Stylus -- looks like live
file-styles = rgba(161, 88, 171, 1)
file-styles-secondary = rgba(161, 88, 171, translucent)
// everything else
file-other = rgba(189, 56, 116, 1)
file-other-secondary = rgba(189, 56, 116, translucent)
new-stuff = #A2162D
overlay-background = rgba(0, 0, 0, 0.8)
keyboard-shortcut = marketing-background
logs-panel-errors = error
logs-panel-success = success
// dark editor colors
selection-highlight = rgba(77, 151, 255, 0.33)
selection-unfocused-highlight = #777777
active-line-color = rgba(255, 255, 255, 0.1)
gutter-active-line-color = rgba(255,255,255, 0.07)
gutter-text-color = #565656
// themeable code colors🎄
comment = #898989
keyword = #79E6D9
string = #FDDD88
number = #6eca98
operator = #79e6d9
property = #a4a4e4
definition = primary
matching-bracket-highlight = rgba(114, 192, 194, 0.5)
matching-tag-highlight = #444122
onboarding-background = #006280
I hope this is of some use to you!
The background colors match, but it doesn’t exactly look like the glitch theme
Please don’t be rude.