564 lines
9.3 KiB
CSS
564 lines
9.3 KiB
CSS
/*
|
|
* mwx — Nova Theme, Palette aus mwxcol.go
|
|
*
|
|
* white #F0F0EA pink #F5B2F7
|
|
* yellow #F9E2AF violet #CBA6F7
|
|
* orange #FAB387 grey #AAAABB
|
|
* red #F38BA8 dark #777788
|
|
* green #94E2D5 darker #444455
|
|
* blue #B4BEFE
|
|
*
|
|
* Hintergrundstufen (aus darker #444455 nach unten fortgesetzt, Hue 240):
|
|
* #33333F Ränder, Buttons
|
|
* #26262F Fensterhintergrund (Sidebar, Titelleiste)
|
|
* #24242E aktuelle Zeile
|
|
* #1C1C25 Editor / Dokument
|
|
* #14141B Textfelder
|
|
* #35354F Auswahl
|
|
*
|
|
* Terminal-Slots ohne Entsprechung in der Palette sind als "abgeleitet"
|
|
* markiert (cyan sowie alle bright-Varianten der Buntfarben).
|
|
*/
|
|
|
|
meta {
|
|
-theme-display-name: "mwx";
|
|
-theme-interface-style: dark;
|
|
-theme-vibrancy: none;
|
|
-theme-accent-color: auto;
|
|
}
|
|
|
|
|
|
/*
|
|
* Fenster
|
|
*/
|
|
meta.window {
|
|
background-color: #26262F;
|
|
border-color: #14141B;
|
|
}
|
|
|
|
meta.titlebar {
|
|
color: #AAAABB;
|
|
background-color: #26262F;
|
|
border-color: #14141B;
|
|
}
|
|
meta.titlebar.inactive {
|
|
color: #777788;
|
|
}
|
|
|
|
meta.divider {
|
|
border-color: #14141B;
|
|
}
|
|
|
|
meta.button {
|
|
background: linear-gradient(#33333F, #2B2B36);
|
|
border: linear-gradient(#191921, #14141B);
|
|
color: #F0F0EA;
|
|
}
|
|
meta.button.highlighted {
|
|
background: linear-gradient(#3E3E4C, #35354F);
|
|
color: #F0F0EA;
|
|
}
|
|
meta.button.selected {
|
|
color: #F0F0EA;
|
|
}
|
|
meta.button.highlighted.selected {
|
|
color: #F0F0EA;
|
|
}
|
|
meta.button.disabled {
|
|
color: #777788;
|
|
}
|
|
|
|
meta.textfield {
|
|
background-color: #14141B;
|
|
border-color: #33333F;
|
|
}
|
|
meta.textfield.highlighted {
|
|
background-color: #14141B;
|
|
border-color: #444455;
|
|
}
|
|
|
|
|
|
/*
|
|
* Dokument
|
|
*/
|
|
meta.document {
|
|
background-color: #1C1C25;
|
|
border-color: #14141B;
|
|
}
|
|
|
|
meta.document.button {
|
|
background: linear-gradient(#2B2B36, #24242E);
|
|
border: linear-gradient(#191921, #14141B);
|
|
color: #F0F0EA;
|
|
}
|
|
meta.document.button.disabled {
|
|
background: linear-gradient(rgba(43, 43, 54, 0.3), rgba(36, 36, 46, 0.3));
|
|
color: #777788;
|
|
}
|
|
meta.document.button.highlighted {
|
|
background: linear-gradient(#3E3E4C, #33333F);
|
|
}
|
|
|
|
meta.document.textfield {
|
|
background-color: #14141B;
|
|
border-color: #33333F;
|
|
}
|
|
meta.document.textfield.highlighted {
|
|
background-color: #14141B;
|
|
border-color: #444455;
|
|
}
|
|
|
|
/* Text */
|
|
meta.text {
|
|
color: #F0F0EA;
|
|
}
|
|
meta.text.invisible {
|
|
color: #444455;
|
|
}
|
|
meta.text.selected {
|
|
background-color: #35354F;
|
|
}
|
|
|
|
/* Aktuelle Zeile + Cursor */
|
|
meta.cursor {
|
|
background-color: #24242E;
|
|
border-color: #F5B2F7;
|
|
}
|
|
|
|
/* Einrückungshilfen */
|
|
meta.indentguide {
|
|
border-color: rgba(68, 68, 85, 0.7);
|
|
}
|
|
|
|
/* Zeilennummern */
|
|
meta.gutter {
|
|
color: #777788;
|
|
}
|
|
meta.gutter.selected {
|
|
background-color: #24242E;
|
|
color: #F0F0EA;
|
|
}
|
|
|
|
|
|
/*
|
|
* Syntax
|
|
*/
|
|
comment {
|
|
color: #777788;
|
|
}
|
|
comment.delimiter {
|
|
color: #444455;
|
|
}
|
|
comment.doctag {
|
|
color: #AAAABB;
|
|
}
|
|
processing {
|
|
color: #FAB387;
|
|
}
|
|
processing.argument {
|
|
color: #F9E2AF;
|
|
}
|
|
declaration {
|
|
color: #777788;
|
|
}
|
|
bracket {
|
|
color: #AAAABB;
|
|
}
|
|
operator {
|
|
color: #AAAABB;
|
|
}
|
|
link {
|
|
color: #B4BEFE;
|
|
}
|
|
invalid {
|
|
background-color: rgba(243, 139, 168, 0.2);
|
|
color: #F38BA8;
|
|
}
|
|
|
|
/* Schlüsselwörter */
|
|
keyword {
|
|
color: #CBA6F7;
|
|
}
|
|
keyword.modifier {
|
|
color: #CBA6F7;
|
|
font-style: italic;
|
|
}
|
|
keyword.condition {
|
|
color: #CBA6F7;
|
|
}
|
|
keyword.construct {
|
|
color: #CBA6F7;
|
|
}
|
|
keyword.statement {
|
|
color: #CBA6F7;
|
|
}
|
|
keyword.self {
|
|
color: #F38BA8;
|
|
}
|
|
keyword.self.prefix {
|
|
color: #F5B2F7;
|
|
}
|
|
|
|
/* Werte */
|
|
value.boolean {
|
|
color: #FAB387;
|
|
}
|
|
value.null {
|
|
color: #FAB387;
|
|
}
|
|
value.number {
|
|
color: #FAB387;
|
|
}
|
|
value.number.prefix {
|
|
color: #777788;
|
|
}
|
|
value.entity {
|
|
color: #FAB387;
|
|
}
|
|
value.symbol {
|
|
color: #FAB387;
|
|
}
|
|
|
|
/* Bezeichner */
|
|
identifier.type {
|
|
color: #F9E2AF;
|
|
}
|
|
identifier.type.declare {
|
|
color: #F9E2AF;
|
|
font-weight: bold;
|
|
}
|
|
identifier.variable {
|
|
color: #F0F0EA;
|
|
}
|
|
identifier.variable.prefix {
|
|
color: #AAAABB;
|
|
}
|
|
identifier.constant {
|
|
color: #FAB387;
|
|
}
|
|
identifier.constant.prefix {
|
|
color: #AAAABB;
|
|
}
|
|
identifier.global {
|
|
color: #F5B2F7;
|
|
}
|
|
identifier.global.prefix {
|
|
color: #AAAABB;
|
|
}
|
|
identifier.property {
|
|
color: #F5B2F7;
|
|
}
|
|
identifier.property.prefix {
|
|
color: #AAAABB;
|
|
}
|
|
identifier.key {
|
|
color: #F5B2F7;
|
|
}
|
|
identifier.argument {
|
|
color: #F38BA8;
|
|
}
|
|
identifier.argument.prefix {
|
|
color: #AAAABB;
|
|
}
|
|
identifier.decorator {
|
|
color: #94E2D5;
|
|
}
|
|
identifier.decorator.prefix {
|
|
color: #94E2D5;
|
|
}
|
|
identifier.function,
|
|
identifier.method {
|
|
color: #B4BEFE;
|
|
}
|
|
identifier.function.prefix,
|
|
identifier.method.prefix {
|
|
color: #AAAABB;
|
|
}
|
|
|
|
/* Strings */
|
|
string {
|
|
color: #94E2D5;
|
|
}
|
|
string.delimiter {
|
|
color: #94E2D5;
|
|
}
|
|
string.escape {
|
|
color: #F5B2F7;
|
|
}
|
|
string.key {
|
|
color: #F5B2F7;
|
|
}
|
|
string-keyword {
|
|
color: #F9E2AF;
|
|
}
|
|
string-template {
|
|
color: #F9E2AF;
|
|
}
|
|
regex {
|
|
color: #F5B2F7;
|
|
}
|
|
regex.bracket {
|
|
color: #CBA6F7;
|
|
}
|
|
regex.character {
|
|
color: #94E2D5;
|
|
}
|
|
regex.delimiter {
|
|
color: #CBA6F7;
|
|
}
|
|
regex.escape {
|
|
color: #F38BA8;
|
|
}
|
|
regex.operator {
|
|
color: #CBA6F7;
|
|
}
|
|
|
|
/* Markup */
|
|
markup.heading {
|
|
color: #CBA6F7;
|
|
font-weight: bold;
|
|
}
|
|
markup.heading.prefix {
|
|
color: #777788;
|
|
}
|
|
markup.line {
|
|
color: #777788;
|
|
}
|
|
markup.bold {
|
|
color: #F9E2AF;
|
|
font-weight: bold;
|
|
}
|
|
markup.bold.delimiter {
|
|
color: #777788;
|
|
}
|
|
markup.italic {
|
|
color: #94E2D5;
|
|
font-style: italic;
|
|
}
|
|
markup.italic.delimiter {
|
|
color: #777788;
|
|
}
|
|
markup.strikethrough {
|
|
color: #777788;
|
|
text-decoration: line-through rgba(119, 119, 136, 0.7);
|
|
}
|
|
markup.strikethrough.delimiter {
|
|
color: #444455;
|
|
}
|
|
markup.list.item {
|
|
color: #FAB387;
|
|
}
|
|
markup.code {
|
|
background-color: rgba(68, 68, 85, 0.5);
|
|
color: #F0F0EA;
|
|
}
|
|
markup.code.delimiter {
|
|
color: #777788;
|
|
}
|
|
markup.code-block.delimiter {
|
|
color: #777788;
|
|
}
|
|
markup.code-block.language {
|
|
color: #CBA6F7;
|
|
}
|
|
markup.link {
|
|
color: #B4BEFE;
|
|
}
|
|
markup.link-label {
|
|
color: #F5B2F7;
|
|
}
|
|
markup.link-label.bracket {
|
|
color: #777788;
|
|
}
|
|
markup.link-label.value.number {
|
|
color: #FAB387;
|
|
}
|
|
|
|
/* Definitionen */
|
|
definition.class.name,
|
|
definition.type.name,
|
|
definition.package.name,
|
|
definition.enum.name,
|
|
definition.union.name,
|
|
definition.struct.name {
|
|
color: #F9E2AF;
|
|
font-weight: bold;
|
|
}
|
|
definition.property.name {
|
|
color: #F5B2F7;
|
|
}
|
|
definition.function.name,
|
|
definition.method.name {
|
|
color: #B4BEFE;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Tags */
|
|
tag {
|
|
color: #777788;
|
|
}
|
|
tag.name {
|
|
color: #B4BEFE;
|
|
}
|
|
tag.attribute.name {
|
|
color: #F9E2AF;
|
|
}
|
|
tag.attribute.operator {
|
|
color: #AAAABB;
|
|
}
|
|
tag.attribute.value {
|
|
color: #94E2D5;
|
|
}
|
|
tag.attribute.value.delimiter {
|
|
color: #94E2D5;
|
|
}
|
|
tag.attribute.value.link {
|
|
color: #B4BEFE;
|
|
}
|
|
tag.framework {
|
|
color: #777788;
|
|
}
|
|
tag.framework.name {
|
|
color: #CBA6F7;
|
|
}
|
|
tag.framework.name.prefix {
|
|
color: #F5B2F7;
|
|
}
|
|
tag.framework.attribute.name {
|
|
color: #F5B2F7;
|
|
}
|
|
cdata {
|
|
color: #94E2D5;
|
|
}
|
|
cdata.delimiter {
|
|
color: #777788;
|
|
}
|
|
cdata.label {
|
|
color: #CBA6F7;
|
|
}
|
|
|
|
/* Stylesheets */
|
|
style.at {
|
|
color: #CBA6F7;
|
|
font-weight: bold;
|
|
}
|
|
style.selector.universal {
|
|
color: #AAAABB;
|
|
}
|
|
style.selector.nesting {
|
|
color: #AAAABB;
|
|
}
|
|
style.selector.element {
|
|
color: #F0F0EA;
|
|
font-weight: bold;
|
|
}
|
|
style.selector.id,
|
|
style.selector.identifier.id {
|
|
color: #FAB387;
|
|
}
|
|
style.selector.id.prefix {
|
|
color: #FAB387;
|
|
}
|
|
style.selector.class,
|
|
style.selector.identifier.class {
|
|
color: #F9E2AF;
|
|
}
|
|
style.selector.class.prefix {
|
|
color: #F9E2AF;
|
|
}
|
|
style.selector.pseudoclass {
|
|
color: #F5B2F7;
|
|
}
|
|
style.selector.pseudoclass.prefix {
|
|
color: #F5B2F7;
|
|
}
|
|
style.selector.pseudoelement {
|
|
color: #CBA6F7;
|
|
}
|
|
style.selector.pseudoelement.prefix {
|
|
color: #CBA6F7;
|
|
}
|
|
style.selector.placeholder {
|
|
color: #B4BEFE;
|
|
}
|
|
style.selector.placeholder.prefix {
|
|
color: #B4BEFE;
|
|
}
|
|
style.attribute.name {
|
|
color: #B4BEFE;
|
|
}
|
|
style.value.number {
|
|
color: #FAB387;
|
|
}
|
|
style.value.number.unit {
|
|
color: #777788;
|
|
}
|
|
style.value.color.hex {
|
|
color: #94E2D5;
|
|
}
|
|
style.value.color.hex.prefix {
|
|
color: #94E2D5;
|
|
}
|
|
style.value.color.named {
|
|
color: #94E2D5;
|
|
}
|
|
style.value.keyword {
|
|
color: #CBA6F7;
|
|
}
|
|
style.value.identifier.function {
|
|
color: #B4BEFE;
|
|
}
|
|
|
|
|
|
/*
|
|
* Terminal
|
|
*/
|
|
terminal.black {
|
|
color: #444455; /* darker */
|
|
}
|
|
terminal.red {
|
|
color: #F38BA8; /* red */
|
|
}
|
|
terminal.green {
|
|
color: #94E2D5; /* green */
|
|
}
|
|
terminal.yellow {
|
|
color: #F9E2AF; /* yellow */
|
|
}
|
|
terminal.blue {
|
|
color: #B4BEFE; /* blue */
|
|
}
|
|
terminal.magenta {
|
|
color: #CBA6F7; /* violet */
|
|
}
|
|
terminal.cyan {
|
|
color: #94DAE0; /* abgeleitet: green nach cyan gedreht */
|
|
}
|
|
terminal.white {
|
|
color: #AAAABB; /* grey */
|
|
}
|
|
terminal.bright-black {
|
|
color: #777788; /* dark */
|
|
}
|
|
terminal.bright-red {
|
|
color: #F7B5C8; /* abgeleitet: red heller */
|
|
}
|
|
terminal.bright-green {
|
|
color: #B8EAE1; /* abgeleitet: green heller */
|
|
}
|
|
terminal.bright-yellow {
|
|
color: #FCEECB; /* abgeleitet: yellow heller */
|
|
}
|
|
terminal.bright-blue {
|
|
color: #CDD4FE; /* abgeleitet: blue heller */
|
|
}
|
|
terminal.bright-magenta {
|
|
color: #F5B2F7; /* pink */
|
|
}
|
|
terminal.bright-cyan {
|
|
color: #B8E7EB; /* abgeleitet: cyan heller */
|
|
}
|
|
terminal.bright-white {
|
|
color: #F0F0EA; /* white */
|
|
}
|