Skip to content

Commit

Permalink
Themes: Add full support for remaining themes
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mottie
Mottie committed Dec 6, 2014
1 parent ca812a9 commit d410303
Show file tree
Hide file tree
Showing 26 changed files with 619 additions and 1,068 deletions.
10 changes: 4 additions & 6 deletions README.markdown
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,10 @@

| | | | | |
| --- | --- | --- | --- | --- |
| Ambiance* | Chaos* | Clouds Midnight* | Cobalt* | Idle Fingers |
| Kr Theme* | Merbivore* | Merbivore Soft* | Mono Industrial* | Monokai |
| Pastel on Dark | Solarized Dark | Terminal* | Tomorrow Night | Tomorrow Night Blue |
| Tomorrow Night Bright | Tomorrow Night Eigthies | Twilight | Vibrant Ink* | |

\* These themes currently only provide partial support (Editor only)
| Ambiance | Chaos | Clouds Midnight | Cobalt | Idle Fingers |
| Kr Theme | Merbivore | Merbivore Soft | Mono Industrial | Monokai |
| Pastel on Dark | Solarized Dark | Terminal | Tomorrow Night | Tomorrow Night Blue |
| Tomorrow Night Bright | Tomorrow Night Eigthies | Twilight | Vibrant Ink | |

## Notes

Expand Down
14 changes: 7 additions & 7 deletions _custom-theme-template.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,6 @@
.pl-e { color: #795da3 !important; } /* entity */
.pl-en { color: #795da3 !important; } /* entity.name */
.pl-ent { color: #63a35c !important; } /* entity.name.tag */
.pl-id { color: #b52a1d !important; } /* invalid.deprecated */
.pl-ii { background-color: #b52a1d !important; color: #f8f8f8 !important; } /* invalid.illegal */
.pl-k { color: #a71d5d !important; } /* keyword */
.pl-mb { color: #333333 !important; font-weight: bold !important; } /* markup.bold */
.pl-mdh { color: #0086b3 !important; } /* meta.diff.header */
Expand Down Expand Up @@ -48,11 +46,13 @@
.pl-vo { color: #333333 !important; } /* variable.other */
.pl-vpf { color: #333333 !important; } /* variable.parameter.function */

/* diff colors */
.pl-mi1 { background-color: #eaffea !important; color: #55a532 !important; } /* markup.inserted */
.pl-mdht { background-color: #eaffea !important; color: #55a532 !important; } /* meta.diff.header.to-file */
.pl-md { background-color: #ffecec !important; color: #bd2c00 !important; } /* markup.deleted */
.pl-mdhf { background-color: #ffecec !important; color: #bd2c00 !important; } /* meta.diff.header.from-file */
/* Diff - Example: https://gist.github.com/silverwind/904159f1e71e2e626375 */
.pl-mi1 { background: #eaffea !important; color: #f8f8f8 !important; } /* markup.inserted */
.pl-mdht { background: #eaffea !important; color: #f8f8f8 !important; } /* meta.diff.header.to-file */
.pl-md { background: #bd2c00 !important; color: #f8f8f8 !important; } /* markup.deleted */
.pl-mdhf { background: #bd2c00 !important; color: #f8f8f8 !important; } /* meta.diff.header.from-file */
.pl-id { background: #bd2c00 !important; color: #f8f8f8 !important; } /* invalid.deprecated */
.pl-ii { background: #bd2c00 !important; color: #f8f8f8 !important; } /* invalid.illegal */

/* Ace editor styling */
.ace_comment { color: #969896 !important; }
Expand Down
30 changes: 17 additions & 13 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,25 @@
<title>GitHub Dark Syntax Highlighting Themes</title>

<!-- themes -->
<link rel="stylesheet" title="Ambiance (editor only)" href="themes/ambiance.min.css">
<link rel="stylesheet" title="Chaos (editor only)" href="themes/chaos.min.css">
<link rel="stylesheet" title="Clouds Midnight (editor only)" href="themes/clouds-midnight.min.css">
<link rel="stylesheet" title="Cobalt (editor only)" href="themes/cobalt.min.css">
<link rel="stylesheet" title="Ambiance" href="themes/ambiance.min.css">
<link rel="stylesheet" title="Chaos" href="themes/chaos.min.css">
<link rel="stylesheet" title="Clouds Midnight" href="themes/clouds-midnight.min.css">
<link rel="stylesheet" title="Cobalt" href="themes/cobalt.min.css">
<link rel="stylesheet" title="Idle Fingers" href="themes/idle-fingers.min.css">
<link rel="stylesheet" title="KR Theme (editor only)" href="themes/kr-theme.min.css">
<link rel="stylesheet" title="Merbivore (editor only)" href="themes/merbivore.min.css">
<link rel="stylesheet" title="Merbivore Soft (editor only)" href="themes/merbivore-soft.min.css">
<link rel="stylesheet" title="Mono Industrial (editor only)" href="themes/mono-industrial.min.css">
<link rel="stylesheet" title="KR Theme" href="themes/kr-theme.min.css">
<link rel="stylesheet" title="Merbivore" href="themes/merbivore.min.css">
<link rel="stylesheet" title="Merbivore Soft" href="themes/merbivore-soft.min.css">
<link rel="stylesheet" title="Mono Industrial" href="themes/mono-industrial.min.css">
<link rel="stylesheet" title="Monokai" href="themes/monokai.min.css">
<link rel="stylesheet" title="Pastel on Dark" href="themes/pastel-on-dark.min.css">
<link rel="stylesheet" title="Solarized Dark" href="themes/solarized-dark.min.css">
<link rel="stylesheet" title="Terminal (editor only)" href="themes/terminal.min.css">
<link rel="stylesheet" title="Terminal" href="themes/terminal.min.css">
<link rel="stylesheet" title="Tomorrow Night" href="themes/tomorrow-night.min.css">
<link rel="stylesheet" title="Tomorrow Night Blue" href="themes/tomorrow-night-blue.min.css">
<link rel="stylesheet" title="Tomorrow Night Bright" href="themes/tomorrow-night-bright.min.css">
<link rel="stylesheet" title="Tomorrow Night Eighties" href="themes/tomorrow-night-eighties.min.css">
<link rel="stylesheet" title="Twilight" href="themes/twilight.min.css">
<link rel="stylesheet" title="Vibrant Ink (editor only)" href="themes/vibrant-ink.min.css">
<link rel="stylesheet" title="Vibrant Ink" href="themes/vibrant-ink.min.css">
<!-- <link rel="stylesheet" title="x" href="themes/x.min.css"> -->

<!-- Demo styling -->
Expand All @@ -44,7 +44,6 @@
h3 + .highlight { border: #555 1px solid; text-align: left; height: 350px; overflow-y: auto; font-size: 10px; position: relative; z-index: -1; }
h3 + .highlight table { width: 100%; }
h3 + .highlight table.file-code, h3 + .highlight table.file-code td { line-height: 0; border-collapse: collapse; }
h3 small { color: #DD8F00; }
pre { padding: 0 5px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
.popup { display: none; }
.popup:checked ~ .highlight {
Expand All @@ -66,7 +65,8 @@
}
/* Gist styles from github-dark.css; slightly tweaked to match GitHub */
.highlight .file-diff-line:hover td, .highlight:not(.lines) tr:not(.inline-comments):hover td:not(.line-age),
pre div:hover, .diff-table tr:hover pre {
pre div:hover, .diff-table tr:hover > pre, .blob-num[colspan],
.highlight:not(.lines) tr:not(.inline-comments):hover td:not(.line-age) {
background: linear-gradient(to bottom, #282828, #181818) !important;
border-color: #333 !important;
}
Expand Down Expand Up @@ -145,6 +145,11 @@
}

/* diff extras copied from GitHub */
.diff-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
a.diff-expander {
text-decoration: none;
text-align: center;
Expand Down Expand Up @@ -290,7 +295,6 @@ <h3>
</h3>
<h3>Select a syntax highlighting theme:
<select></select>
<br><small>Patially supported themes fallback to the Twilight Syntax code highlighter</small>
</h3>

<label class="wrapper type-diff file-data">
Expand Down
2 changes: 1 addition & 1 deletion themes/ambiance.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion themes/chaos.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit d410303

Please sign in to comment.