Skip to content

AWS CDK Dark by aruncveli

Imported and mirrored from https://github.com/aruncveli/userstyles/raw/main/aws-cdk/aws-cdk.user.styl

Screenshot of AWS CDK Dark

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

Dark mode only for the TypeScript docs of AWS CDK.

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 */
    }
  }

Reviews

No reviews yet.