Skip to content

Instantly share code, notes, and snippets.

@steveblue

steveblue/dark.css

Last active November 1, 2020 17:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save steveblue/cd7353f044eb6808ded65f558ea12651 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save steveblue/cd7353f044eb6808ded65f558ea12651 to your computer and use it in GitHub Desktop.
Download ZIP
Panic Nova Blank Light and Dark Theme
Raw
dark.css
meta {
-theme-interface-name: "Dark Template";
-theme-interface-style: dark;
-theme-accent-color: auto;
}
/*
* Window styles
*/
meta.window {
background-color: black;
border-color: gray;
}
meta.titlebar {
color: gray;
background-color: black;
border-color: gray;
}
meta.titlebar.inactive {
background-color: black;
}
meta.button {
background: black;
border: gray;
color: white;
}
meta.button.highlighted {
background: black;
color: white;
}
meta.button.selected {
color: white;
}
meta.button.highlighted.selected {
color: white;
}
meta.button.disabled {
background: black;
border: gray;
color: white;
}
meta.textfield {
background-color: black;
border-color: gray;
}
/*
* Document styles
*/
meta.document {
background-color: black;
border-color: gray;
}
meta.document.button {
background: black
border: gray;
}
meta.document.button.disabled {
background: gray;
}
meta.document.button.highlighted {
background: black;
}
meta.document.textfield {
background-color: black;
border-color: gray;
}
/* Text */
meta.text {
color: gray;
}
meta.text.invisible {
color: gray;
}
meta.text.selected {
background-color: white;
color: black;
}
/* Cursor */
meta.cursor {
background-color: white;
color: black;
}
/* Indentation Guides */
meta.indentguide {
border-color: gray;
}
/* Gutter */
meta.gutter {
color: gray;
}
meta.gutter.selected {
background-color: white;
color: black;
}
/*
* Syntax styles
*/
keyword {
color: gray;
}
comment {
color: gray;
}
processing {
color: gray;
}
declaration {
color: gray;
}
bracket {
color: gray;
}
operator {
color: gray;
}
invalid {
color: gray;
}
link {
color: gray;
}
/* Values */
value.boolean {
color: gray;
}
value.null {
color: gray;
}
value.number {
color: gray;
}
value.entity {
color: gray;
}
value.symbols {
color: gray;
}
/* Identifiers */
identifier.type,
identifier.constant {
color: gray;
}
identifier.decorator {
color: gray;
}
identifier.function,
identifier.method {
color: gray;
}
identifier.global {
color: gray;
}
identifier.property {
color: gray;
}
identifier.key {
color: gray;
}
identifier.argument {
color: gray;
}
/* Strings */
string {
color: gray;
}
string.key {
color: gray;
}
string-template {
color: gray;
}
regex {
color: gray;
}
cdata {
color: gray;
}
/* Types */
definition.class class.name,
definition.type type.name,
definition.package package.name,
definition.enum enum.name,
definition.union union.name,
definition.struct struct.name {
font-weight: bold;
color: gray;
}
/* Members */
definition.property property.name,
definition.function function.name,
definition.method method.name {
color: gray;
}
/* Tags */
tag {
color: gray;
}
tag.framework {
color: gray;
}
tag.attribute.name {
color: gray;
}
tag.attribute.value {
color: gray;
}
tag.attribute.value.link {
color: gray;
}
/* Styles */
style.at {
color: gray;
font-weight: bold;
}
style.selector.element {
font-weight: bold;
}
style.selector.identifier.id {
color: gray;
}
style.selector.identifier.class {
color: gray;
}
style.selector.pseudoclass {
color: gray;
}
style.selector.pseudoelement {
color: gray;
}
style.attribute.name {
color: gray;
}
style.value.text {
color: gray;
}
style.value.number {
color: gray;
}
style.value.color.hex {
color: gray;
}
style.value.keyword {
color: gray;
}
style.value.color.named {
color: gray
}
/* Markup */
markup.heading {
color: gray;
}
markup.line {
color: gray;
}
markup.bold {
color: gray;
}
markup.italic {
color: gray;
}
markup.strikethrough {
color: gray;
}
markup.list.item {
color: gray;
}
markup.code {
color: gray;
}
/* Terminal */
terminal.bright-black { color: gray; }
terminal.bright-red { color: gray; }
terminal.bright-green { color: gray; }
terminal.bright-yellow { color: gray; }
terminal.bright-blue { color: gray; }
terminal.bright-magenta { color: gray; }
terminal.bright-cyan { color: gray; }
terminal.bright-white { color: gray; }
terminal.black { color: gray; }
terminal.red { color: gray; }
terminal.green { color: gray; }
terminal.yellow { color: gray; }
terminal.blue { color: gray; }
terminal.magenta { color: gray; }
terminal.cyan { color: gray; }
terminal.white { color: gray; }
Raw
light.css
meta {
-theme-interface-name: "Light Template";
-theme-interface-style: light;
-theme-accent-color: auto;
}
/*
* Window styles
*/
meta.window {
background-color: white;
border-color: gray;
}
meta.titlebar {
color: gray;
background-color: white;
border-color: gray;
}
meta.titlebar.inactive {
background-color: white;
}
meta.button {
background: white;
border: gray;
color: black;
}
meta.button.highlighted {
background: white;
color: black;
}
meta.button.selected {
color: black;
}
meta.button.highlighted.selected {
color: black;
}
meta.button.disabled {
background: white;
border: gray;
color: black;
}
meta.textfield {
background-color: white;
border-color: gray;
}
/*
* Document styles
*/
meta.document {
background-color: white;
border-color: gray;
}
meta.document.button {
background: white
border: gray;
}
meta.document.button.disabled {
background: gray;
}
meta.document.button.highlighted {
background: white;
}
meta.document.textfield {
background-color: white;
border-color: gray;
}
/* Text */
meta.text {
color: gray;
}
meta.text.invisible {
color: gray;
}
meta.text.selected {
background-color: black;
color: white;
}
/* Cursor */
meta.cursor {
background-color: black;
color: white;
}
/* Indentation Guides */
meta.indentguide {
border-color: gray;
}
/* Gutter */
meta.gutter {
color: gray;
}
meta.gutter.selected {
background-color: black;
color: white;
}
/*
* Syntax styles
*/
keyword {
color: gray;
}
comment {
color: gray;
}
processing {
color: gray;
}
declaration {
color: gray;
}
bracket {
color: gray;
}
operator {
color: gray;
}
invalid {
color: gray;
}
link {
color: gray;
}
/* Values */
value.boolean {
color: gray;
}
value.null {
color: gray;
}
value.number {
color: gray;
}
value.entity {
color: gray;
}
value.symbols {
color: gray;
}
/* Identifiers */
identifier.type,
identifier.constant {
color: gray;
}
identifier.decorator {
color: gray;
}
identifier.function,
identifier.method {
color: gray;
}
identifier.global {
color: gray;
}
identifier.property {
color: gray;
}
identifier.key {
color: gray;
}
identifier.argument {
color: gray;
}
/* Strings */
string {
color: gray;
}
string.key {
color: gray;
}
string-template {
color: gray;
}
regex {
color: gray;
}
cdata {
color: gray;
}
/* Types */
definition.class class.name,
definition.type type.name,
definition.package package.name,
definition.enum enum.name,
definition.union union.name,
definition.struct struct.name {
font-weight: bold;
color: gray;
}
/* Members */
definition.property property.name,
definition.function function.name,
definition.method method.name {
color: gray;
}
/* Tags */
tag {
color: gray;
}
tag.framework {
color: gray;
}
tag.attribute.name {
color: gray;
}
tag.attribute.value {
color: gray;
}
tag.attribute.value.link {
color: gray;
}
/* Styles */
style.at {
color: gray;
font-weight: bold;
}
style.selector.element {
font-weight: bold;
}
style.selector.identifier.id {
color: gray;
}
style.selector.identifier.class {
color: gray;
}
style.selector.pseudoclass {
color: gray;
}
style.selector.pseudoelement {
color: gray;
}
style.attribute.name {
color: gray;
}
style.value.text {
color: gray;
}
style.value.number {
color: gray;
}
style.value.color.hex {
color: gray;
}
style.value.keyword {
color: gray;
}
style.value.color.named {
color: gray
}
/* Markup */
markup.heading {
color: gray;
}
markup.line {
color: gray;
}
markup.bold {
color: gray;
}
markup.italic {
color: gray;
}
markup.strikethrough {
color: gray;
}
markup.list.item {
color: gray;
}
markup.code {
color: gray;
}
/* Terminal */
terminal.bright-white { color: gray; }
terminal.bright-red { color: gray; }
terminal.bright-green { color: gray; }
terminal.bright-yellow { color: gray; }
terminal.bright-blue { color: gray; }
terminal.bright-magenta { color: gray; }
terminal.bright-cyan { color: gray; }
terminal.bright-black { color: gray; }
terminal.white { color: gray; }
terminal.red { color: gray; }
terminal.green { color: gray; }
terminal.yellow { color: gray; }
terminal.blue { color: gray; }
terminal.magenta { color: gray; }
terminal.cyan { color: gray; }
terminal.black { color: gray; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment