Dark mode only for the TypeScript docs of AWS CDK.
AWS CDK Dark by aruncveli
Imported and mirrored from https://github.com/aruncveli/userstyles/raw/main/aws-cdk/aws-cdk.user.styl
Details
Authoraruncveli
LicenseMIT
Categorydocs.aws.amazon
Created
Updated
Size4.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name AWS CDK Dark
@namespace github.com/aruncveli/userstyles
@version 24.10.14
@description Dark mode only for the TypeScript docs of AWS CDK.
@author Arun Chandanaveli <aruncveli@gmail.com> (https://github.com/aruncveli)
@homepageURL https://github.com/aruncveli/userstyles
@supportURL https://github.com/aruncveli/userstyles/issues
@license MIT
@preprocessor stylus
@var color cfg "Foreground" white
@var color cbg "Background" black
@var color cbg1 "Background lightened 1" #111111
@var color link-color "Link" #0b84ff
==/UserStyle== */
bg(var = cbg)
background-color var
bg1()
bg(cbg1)
fg()
color cfg
link()
color link-color
@-moz-document url-prefix("https://docs.aws.amazon.com/cdk/api/v2/docs/")
:root
color-scheme dark
body
bg()
fg()
.onPageNav a
fg()
.toc .toggleNav
ul li a
&
fg()
&:hover
link()
.navGroup .navGroup
&C
&Subc
&ategoryTitle
fg()
.navGroupCategoryTitle path:first-child
fill cfg
blockquote
fg()
bg1()
table
tr:nth-child(2n)
bg()
th
td
border-color cbg
hr
border-color cbg
code
bg1()
a
&
&:hover
link()
@supports (position:sticky)
@media only screen and (min-width 1024px)
.onPageNav>.toc-headings
border-left-color cbg
@css {
/*!
Copied as is from https://github.com/highlightjs/highlight.js/blob/main/src/styles/github-dark.css.
Theme: GitHub Dark
Description: Dark theme as seen on github.com
Author: github.com
Maintainer: @Hirse
Updated: 2021-05-15
Outdated base version: https://github.com/primer/github-syntax-dark
Current colors taken from GitHub's CSS
*/
.hljs {
color: #c9d1d9;
background: #0d1117;
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
/* prettylights-syntax-keyword */
color: #ff7b72;
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
/* prettylights-syntax-entity */
color: #d2a8ff;
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
/* prettylights-syntax-constant */
color: #79c0ff;
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
/* prettylights-syntax-string */
color: #a5d6ff;
}
.hljs-built_in,
.hljs-symbol {
/* prettylights-syntax-variable */
color: #ffa657;
}
.hljs-comment,
.hljs-code,
.hljs-formula {
/* prettylights-syntax-comment */
color: #8b949e;
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
/* prettylights-syntax-entity-tag */
color: #7ee787;
}
.hljs-subst {
/* prettylights-syntax-storage-modifier-import */
color: #c9d1d9;
}
.hljs-section {
/* prettylights-syntax-markup-heading */
color: #1f6feb;
font-weight: bold;
}
.hljs-bullet {
/* prettylights-syntax-markup-list */
color: #f2cc60;
}
.hljs-emphasis {
/* prettylights-syntax-markup-italic */
color: #c9d1d9;
font-style: italic;
}
.hljs-strong {
/* prettylights-syntax-markup-bold */
color: #c9d1d9;
font-weight: bold;
}
.hljs-addition {
/* prettylights-syntax-markup-inserted */
color: #aff5b4;
background-color: #033a16;
}
.hljs-deletion {
/* prettylights-syntax-markup-deleted */
color: #ffdcd7;
background-color: #67060c;
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
/* purposely ignored */
}
}