Skip to content

Instantly share code, notes, and snippets.

@Taiiwo
Last active June 12, 2020 17:59
Show Gist options
  • Save Taiiwo/246a0e53f9da61299ffcb32c6b8fa112 to your computer and use it in GitHub Desktop.
Save Taiiwo/246a0e53f9da61299ffcb32c6b8fa112 to your computer and use it in GitHub Desktop.
My Atom Theme

Preview

How to Install

So this isn't really a proper Atom theme, it's just some modifications I made to the "Dark One" theme in an attempt to replicate this Reddit post

Step 1

Add the CSS in the file below to the end of your styles.less file (Linux: /home/<username>/.atom, Windows: C:\Users\<username>\.atom).

Step 2

Apply the One Dark themes.

themes example

Step 3

Install the Fonts package and apply Droid Sans Mono.

.syntax--storage.syntax--type.syntax--function, .syntax--keyword.syntax--control {
color: #FFF6E5;
text-shadow: 0px 0px 12px #FFC100;
}
.syntax--entity.syntax--name.syntax--function {
color: #e0ffff;
text-shadow: 0px 0px 12px #00fcff;
}
.syntax--variable, .syntax--meta, .syntax--class {
color: #ffebf3
}
.syntax--variable, .syntax--class {
text-shadow: 0px 0px 18px #d81919;
}
atom-text-editor {
color:#D353A6;
background-color: #272435;
}
.syntax--source.syntax--python .syntax--variable.syntax--parameter {
color: #fff8f4;
}
.syntax--constant {
color: #ffc3a1;
}
.syntax--punctuation, .syntax--definition.syntax--comment {
color: #5F6297;
}
.syntax--entity.syntax--name.syntax--class, .syntax--entity.syntax--name.syntax--type.syntax--class {
color: #efc5ab;
}
.syntax--entity.syntax--other.syntax--inherited-class {
color: #f7cf72;
}
.syntax--string {
color: #ffffff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment