Skip to content

Instantly share code, notes, and snippets.

@hbsnow
Last active August 29, 2015 14:18
Show Gist options
  • Save hbsnow/63993875da2a5a71414b to your computer and use it in GitHub Desktop.
Save hbsnow/63993875da2a5a71414b to your computer and use it in GitHub Desktop.
prism.jsのテーマ。
pre[prism] {
// color
@base00: #fff;
@base0: #333;
@base1: #969896;
@brown: #693a17;
@orange: #df5000;
@red: #b52a1d;
@magenta: #a71d5d;
@violet: #795da3;
@blue: #183691;
@cyan: #0086b3;
@green: #63a35c;
@light-green: #55a532;
@teal: #008080;
background-color: @base00;
code {
color: @base0;
}
.namespace {
//
}
.token {
&.comment,
&.prolog,
&.doctype,
&.cdata {
color: @base1;
}
&.keyword {
color: @magenta;
}
&.function {
color: @cyan;
}
&.punctuation {
color: @base0;
}
&.operator {
color: @magenta;
}
&.placeholder,
&.variable {
color: @base0;
}
&.attr-name,
&.string {
color: @orange;
}
&.null,
&.boolean,
&.number, {
color: @cyan;
}
&.package {
color: @violet;
}
&.delimiter {
color: @base0;
}
&.debug {
color: red;
}
&.tag {
color: @green;
}
&.attr-name {
color: @violet;
}
&.attr-value {
color: @orange;
}
}
}
pre[prism] {
// color
@base03: #002b36;
@base02: #073642;
@base01: #586e75;
@base00: #657b83;
@base0: #839496;
@base1: #93a1a1;
@base2: #eee8d5;
@base3: #fdf6e3;
@yellow: #b58900;
@orange: #cb4b16;
@red: #dc322f;
@magenta: #d33682;
@violet: #6c71c4;
@blue: #268bd2;
@cyan: #2aa198;
@green: #859900;
background: @base03;
code {
color: @base0;
}
.namespace {
opacity: .7;
}
.token {
&.comment,
&.prolog,
&.doctype,
&.cdata {
color: @base01;
}
&.null,
&.boolean,
&.number, {
color: @yellow;
}
&.operator {
color: @green;
}
&.attr-name,
&.string,
&.attr-name,
&.string {
color: @cyan;
}
&.entity,
&.url {
color: @cyan;
}
&.selector {
color: @base0;
}
&.atrule,
&.attr-value,
&.control,
&.directive,
&.important,
&.unit {
color: @blue;
}
&.keyword {
color: @green;
}
&.regex,
&.statement {
color: @cyan;
}
&.placeholder,
&.variable {
color: @blue;
}
&.delimiter {
color: @red;
}
&.package {
color: @orange;
.punctuation {
color: @orange;
}
}
&.important,
&.statement {
font-weight: bold;
}
&.punctuation {
color: @orange;
}
.language-less,
.language-css {
&.punctuation {
color: @base1;
}
}
&.entity {
cursor: help;
}
&.debug {
color: red;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment