Highlight.js - Style Sheet - Xcode Dark Mode

highlight-js_xcode-dark-mode.css

/*
//
//  xcode-dark-mode.css
//  Xcode Dark Mode
//
//  Created by Hexagons on 2020-06-11.
//  http://hexagons.net/
//
*/

/*
enum XcodeDarkMode: String {
    case background = "#292A2F" // dark gray blue
    case keyword = "#EF81B0" // pink
    case propertyA = "#88C0B4" // dark cyan
    case objectA = "#BBF0E4" // light cyan
    case propertyB = "#AB83E4" // dark purple
    case objectB = "#CCB4F0" // light purple
    case propertyC = "#69AEC8" // dark blue
    case objectC = "#8ADCFB" // light blue
    case string = "#F08875" // peach
    case number = "#D5CA86" // yellow
    case comment = "#A5B0BD" // gray
    case other = "#DFDFE0" // white
}
*/

/*
import UIKit
extension XcodeDarkMode {
    var color: UIColor {
        let hex: String = String(rawValue.dropFirst())
        var hexInt: UInt64 = 0
        let scanner: Scanner = Scanner(string: hex)
        scanner.scanHexInt64(&hexInt)
        return UIColor(red: CGFloat((hexInt & 0xff0000) >> 16) / 255.0,
                       green: CGFloat((hexInt & 0xff00) >> 8) / 255.0,
                       blue: CGFloat((hexInt & 0xff) >> 0) / 255.0,
                       alpha: 1.0)
    }
}
*/

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    color: #DFDFE0; /* other - white */
    background: #292A2F; /* background - dark gray blue */
}

.hljs-comment,
.hljs-quote {
    color: #A5B0BD; /* comment - gray */
    font-style: italic
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
    color: #EF81B0; /* keyword - pink */
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
    color: #DFDFE0; /* other - white */
}

.hljs-literal {
    color: #EF81B0; /* keyword - pink */
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
    color: #F08875; /* string - peach */
}

.hljs-built_in,
.hljs-class .hljs-title {
    color: #DFDFE0; /* other - white */
}

.hljs-number {
    color: #D5CA86; /* number - yellow */
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
    color: #BBF0E4; /* objectA - light cyan */
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
    color: #DFDFE0; /* other - white */
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: bold
}

.hljs-link {
    text-decoration: underline
}