Skip to content

Use the theme a11y-dark for code blocks #1841

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jul 14, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
101 changes: 101 additions & 0 deletions static/styles/a11y-dark.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
/*!
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

issue: please add a license header

(saying it is under the MIT license, linking to the source, and linking to the full text of the MIT license, should be fine)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unless other licenses apply to the themes and I missed it.

Theme: a11y-dark
Author: @ericwbailey
Maintainer: @ericwbailey

Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css

Source: https://github.com/highlightjs/highlight.js/blob/main/src/styles/a11y-dark.css
License: BSD-3-Clause (https://github.com/highlightjs/highlight.js/blob/main/LICENSE)
*/

.hljs {
background: #2b2b2b;
color: #f8f8f2;
}

/* Comment */
.hljs-comment,
.hljs-quote {
color: #d4d0ab;
}

/* Red */
.hljs-variable,
.hljs-template-variable,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
color: #ffa07a;
}

/* Orange */
.hljs-number,
.hljs-built_in,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-meta,
.hljs-link {
color: #f5ab35;
}

/* Yellow */
.hljs-attribute {
color: #ffd700;
}

/* Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
color: #abe338;
}

/* Blue */
.hljs-title,
.hljs-section {
color: #00e0e0;
}

/* Purple */
.hljs-keyword,
.hljs-selector-tag {
color: #dcc6e0;
}

.hljs-emphasis {
font-style: italic;
}

.hljs-strong {
font-weight: bold;
}

@media screen and (-ms-high-contrast: active) {
.hljs-addition,
.hljs-attribute,
.hljs-built_in,
.hljs-bullet,
.hljs-comment,
.hljs-link,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-params,
.hljs-string,
.hljs-symbol,
.hljs-type,
.hljs-quote {
color: highlight;
}

.hljs-keyword,
.hljs-selector-tag {
font-weight: bold;
}
}
84 changes: 0 additions & 84 deletions static/styles/solarized-dark.css

This file was deleted.

2 changes: 1 addition & 1 deletion templates/components/layout.html.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
<meta property="og:locale" content="en_US" />

<!-- styles -->
<link rel="stylesheet" href="/static/styles/solarized-dark.css"/>
<link rel="stylesheet" href="/static/styles/a11y-dark.css"/>
<link rel="stylesheet" href="{{assets.css.vendor}}"/>
<link rel="stylesheet" href="{{assets.css.fonts}}"/>
<link rel="stylesheet" href="{{assets.css.app}}"/>
Expand Down