Display code on GitHub using the Cobalt2 theme by Wes Bos (https://wesbos.com).
GitHub - Cobalt2 by kiliman
Details
Authorkiliman
LicenseCC0 - Public Domain
Categorygithub
Created
Updated
Size3.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Works great with Operator Mono font by Hoefler&Co https://www.typography.com/fonts/operator/styles/operatormono
Add code ligatures to Operator Mono
https://github.com/kiliman/operator-mono-lig
Source code
/* ==UserStyle==
@name GitHub - Cobalt2
@version 20230907.15.06
@namespace userstyles.world/user/kiliman
@description Display code on GitHub using the Cobalt2 theme by Wes Bos (https://wesbos.com).
@author kiliman
@license CC0 - Public Domain
==/UserStyle== */
@-moz-document domain("github.com") {
[data-color-mode=auto][data-light-theme=light] {
--color-codemirror-text: #e1efff;
--color-codemirror-bg: #0f364b;
}
.react-code-file-contents, .react-code-line-contents {
background-color: #193549 !important;
color: #e1efff !important;
}
.react-code-text {
font-family: "Operator Mono SSm Lig" !important;
font-size: 16px;
line-height: 135% !important;
}
.react-line-numbers {
background-color: #163042 !important;
}
.react-file-line, .cExLQ {
color: #e1efff !important;
}
.highlight pre,
.blob-wrapper,
.blob-expanded .blob-code,
.blob-code.bg-white,
.blob-code-context,
.blob-num-context,
.blob-num {
background-color: #0f364b !important;
color: #e1efff !important;
}
.blob-num-injected_context, .blob-code-injected_contextm, .blob-code {
background-color: #0f364b !important;
}
.blob-code-marker {
color: #e1efff !important;
}
.blob-num.bg-white {
background-color: #0c3144 !important;
}
.blob-code-inner,
.blob-num,
.highlight pre,
.blob-wrapper {
font-family: "Operator Mono SSm Lig" !important;
color: #ffee80 !important;
font-size: 16px;
line-height: 135% !important;
}
textarea {font-family: "Operator Mono SSm Lig" !important;}
.blob-code-inner.color-bg-primary {
background-color: #0d4764 !important;
}
.highlighted {
background-color: #0d4764 !important;
}
.blob-num,
.blob-expanded .blob-num {
color: #aaa !important;
}
.blob-code-hunk,
.blob-num-hunk,
.blob-num-expandable,
.blob-code-expandable {
background-color: #1E88E5 !important;
}
.blob-code-addition,
.blob-num-addition {
background-color: #005500 !important;
}
.blob-code-deletion,
.blob-num-deletion {
background-color: #550000 !important;
}
.pl-c,
.pl-e {
font-style: italic !important;
}
.pl-k {
color: #ff9d00 !important;
}
.pl-s .pl-kos, .pl-kos {
color: #ffef6c !important;
}
.pl-pds {
color: #e1efff !important;
}
.pl-pse {
color: #e1efff !important;
}
.pl-smi {
color: #e1efff !important;
}
.pl-v {
color: #e1efff !important;
}
.pl-en {
color: #ffc600 !important;
}
.pl-c1 {
color: #e1efff !important;
}
.pl-s, .pl-s1 {
color: #a5ff90 !important;
}
.pl-s .pl-pds {
color: #3ad900 !important;
}
.pl-s1 .pl-s1 {
color: #e1efff !important;
}
.pl-corl {
color: #e1efff !important;
}
.pl-s1 .pl-pse {
color: #ffee80 !important;
}
.pl-token.active, .pl-token:hover {
color: #0d4764 !important;
background-color: #ffee80 !important;
}
.pl-ent {
color: #ffc600 !important;
}
.pl-c {
color: #0088ff !important;
}
.pl-e {
color: #3ad900 !important;
}
.pl-sr {
color: #a5ff90 !important;
}
.pl-sr .pl-cce {
color: #ff628c !important;
}
.pl-sr .pl-pds {
color: #92fc79 !important;
}
.blame-commit-message>* {
color: #e1e1e1 !important;
}
.blame-commit-message>code>* {
color: #e1e1e1 !important;
}
.blame-commit-date {
color: #d3d3d3 !important;
}
.Popover-message {
border-color: #0f364b !important;
}
.TagsearchPopover-list {
background-color: #0f364b !important;
}
.TagsearchPopover-list .TagsearchPopover-list-item:hover {
background-color: #0d4764 !important;
}
.hx_keyword-hl {
color: #0d4764;
font-weight: normal !important;
}
.blob-code-addition .x {
color: #0d4764 !important;
}
.blob-code-deletion .x {
color: #e1efff !important;
}
.cExLQ mark span {
color: #0d4764 !important;
}
}