mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
93478b47e1
* feat: optimize code highlighting for diff language * refactor: update codeblock configuration and enhance code wrapper functionality * fix: extra blank lines would appear when copying lines containing code highlighting * refactor: enhance code block wrapper functionality and add new styles (mac style) * refactor: enhance code block normal mode * feat: do noting for code block simple mode * feat: add copy btn for code block modes mac and simple * refactor: add code-related variables and update styles for code blocks and gist layout * feat: update code copy button visibility on hover for larger screens * feat: update code block mode attribute and remove mac wrapper * feat!: code block parameters accurate to a single Remove the `data-open` attribute and use `.open` instead. * refactor: enhance initCopyCode method to accept optional button parameter * feat: improve code/diagram copy button styles and transitions for better visibility * fix: disable copy buttons for simple/mac mode code blocks when copyable set to false * chore: rename normal partial to code-header * feat: add preview and expand feature for code blocks (close #312) * fix: adjust transition timing for code header and fade-out animation * test: update code block test case * docs: update comments for code highlight and markup configurations * feat: adjust code header background color darkening for light and dark themes * fix: hide aside and breadcrumb pseudo-elements on small screens * perf: change the code copy button and code expand button to server-side rendering * fix: the code expand button obscured the code content * fix: update code background and header colors for improved visibility * fix: ensure code copy button is only added for copyable code blocks * feat(code block): add lineNosToggler and lineWrapToggler params and feature for code blocks * refactor: code syntax highlighting styles * fix: update background color for line numbers and ensure proper sticky effect * feat(code block): add support for code file names in code blocks * fix: code review for PR #665 * feat(i18n): add Japanese and Korean translations; update toggle options in multiple languages * docs: update configurations and comments
176 lines
7.3 KiB
SCSS
176 lines
7.3 KiB
SCSS
/**
|
|
* GitHub Dark Dimmed
|
|
* Copyright (c) 2012 - current GitHub, Inc.
|
|
* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
|
|
* Maintained by @Lruihao for FixIt theme
|
|
* Created on 2022-03-01
|
|
* Updated on 2024-07-14
|
|
*/
|
|
& {
|
|
// Blob colors
|
|
#{$rootPrefix}color-blob-num: #778491;
|
|
#{$rootPrefix}color-blob-code-inner: #c5d1de;
|
|
// Syntax colors
|
|
#{$rootPrefix}color-prettylights-syntax-comment: #768390;
|
|
#{$rootPrefix}color-prettylights-syntax-constant: #6cb6ff;
|
|
#{$rootPrefix}color-prettylights-syntax-constant-other-reference-link: #96d0ff;
|
|
#{$rootPrefix}color-prettylights-syntax-entity: #dcbdfb;
|
|
#{$rootPrefix}color-prettylights-syntax-storage-modifier-import: #adbac7;
|
|
#{$rootPrefix}color-prettylights-syntax-entity-tag: #8ddb8c;
|
|
#{$rootPrefix}color-prettylights-syntax-keyword: #f47067;
|
|
#{$rootPrefix}color-prettylights-syntax-string: #96d0ff;
|
|
#{$rootPrefix}color-prettylights-syntax-variable: #f69d50;
|
|
#{$rootPrefix}color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
|
|
#{$rootPrefix}color-prettylights-syntax-brackethighlighter-angle: #768390;
|
|
#{$rootPrefix}color-prettylights-syntax-invalid-illegal-text: #cdd9e5;
|
|
#{$rootPrefix}color-prettylights-syntax-invalid-illegal-bg: #922323;
|
|
#{$rootPrefix}color-prettylights-syntax-carriage-return-text: #cdd9e5;
|
|
#{$rootPrefix}color-prettylights-syntax-carriage-return-bg: #ad2e2c;
|
|
#{$rootPrefix}color-prettylights-syntax-string-regexp: #8ddb8c;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-list: #eac55f;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-heading: #316dca;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-italic: #adbac7;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-bold: #adbac7;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-deleted-text: #ffd8d3;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-deleted-bg: #78191b;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-inserted-text: #b4f1b4;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-inserted-bg: #1b4721;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-changed-text: #ffddb0;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-changed-bg: #682d0f;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-ignored-text: #adbac7;
|
|
#{$rootPrefix}color-prettylights-syntax-markup-ignored-bg: #255ab2;
|
|
#{$rootPrefix}color-prettylights-syntax-meta-diff-range: #dcbdfb;
|
|
#{$rootPrefix}color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
|
|
|
|
.blob-num {
|
|
color: var(#{$rootPrefix}color-blob-num);
|
|
}
|
|
.blob-code-inner {
|
|
color: var(#{$rootPrefix}color-blob-code-inner);
|
|
}
|
|
|
|
.pl-c /* comment, punctuation.definition.comment, string.comment */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-comment);
|
|
}
|
|
|
|
.pl-c1 /* constant, entity.name.constant, variable.other.constant, variable.language, support, meta.property-name, support.constant, support.variable, meta.module-reference, markup.raw, meta.diff.header, meta.output */,
|
|
.pl-s .pl-v /* string variable */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-constant);
|
|
}
|
|
|
|
.pl-e /* entity */,
|
|
.pl-en /* entity.name */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-entity);
|
|
}
|
|
|
|
.pl-smi /* variable.parameter.function, storage.modifier.package, storage.modifier.import, storage.type.java, variable.other */,
|
|
.pl-s .pl-s1 /* string source */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-storage-modifier-import);
|
|
}
|
|
|
|
.pl-ent /* entity.name.tag, markup.quote */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-entity-tag);
|
|
}
|
|
|
|
.pl-k /* keyword, storage, storage.type */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-keyword);
|
|
}
|
|
|
|
.pl-s /* string */,
|
|
.pl-pds /* punctuation.definition.string, source.regexp, string.regexp.character-class */,
|
|
.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
|
|
.pl-sr /* string.regexp */,
|
|
.pl-sr .pl-cce /* string.regexp constant.character.escape */,
|
|
.pl-sr .pl-sre /* string.regexp source.ruby.embedded */,
|
|
.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-string);
|
|
}
|
|
|
|
.pl-v /* variable */,
|
|
.pl-smw /* sublimelinter.mark.warning */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-variable);
|
|
}
|
|
|
|
.pl-bu /* invalid.broken, invalid.deprecated, invalid.unimplemented, message.error, brackethighlighter.unmatched, sublimelinter.mark.error */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-brackethighlighter-unmatched);
|
|
}
|
|
|
|
.pl-ii /* invalid.illegal */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-invalid-illegal-text);
|
|
background-color: var(#{$rootPrefix}color-prettylights-syntax-invalid-illegal-bg);
|
|
}
|
|
|
|
.pl-c2 /* carriage-return */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-carriage-return-text);
|
|
background-color: var(#{$rootPrefix}color-prettylights-syntax-carriage-return-bg);
|
|
}
|
|
|
|
.pl-c2::before /* carriage-return */ {
|
|
content: '^M';
|
|
}
|
|
|
|
.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
|
|
font-weight: bold;
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-string-regexp);
|
|
}
|
|
|
|
.pl-ml /* markup.list */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-markup-list);
|
|
}
|
|
|
|
.pl-mh /* markup.heading */,
|
|
.pl-mh .pl-en /* markup.heading entity.name */,
|
|
.pl-ms /* meta.separator */ {
|
|
font-weight: bold;
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-markup-heading);
|
|
}
|
|
|
|
.pl-mi /* markup.italic */ {
|
|
font-style: italic;
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-markup-italic);
|
|
}
|
|
|
|
.pl-mb /* markup.bold */ {
|
|
font-weight: bold;
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-markup-bold);
|
|
}
|
|
|
|
.pl-md /* markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-markup-deleted-text);
|
|
background-color: var(#{$rootPrefix}color-prettylights-syntax-markup-deleted-bg);
|
|
}
|
|
|
|
.pl-mi1 /* markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-markup-inserted-text);
|
|
background-color: var(#{$rootPrefix}color-prettylights-syntax-markup-inserted-bg);
|
|
}
|
|
|
|
.pl-mc /* markup.changed, punctuation.definition.changed */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-markup-changed-text);
|
|
background-color: var(#{$rootPrefix}color-prettylights-syntax-markup-changed-bg);
|
|
}
|
|
|
|
.pl-mi2 /* markup.ignored, markup.untracked */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-markup-ignored-text);
|
|
background-color: var(#{$rootPrefix}color-prettylights-syntax-markup-ignored-bg);
|
|
}
|
|
|
|
.pl-mdr /* meta.diff.range */ {
|
|
font-weight: bold;
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-meta-diff-range);
|
|
}
|
|
|
|
.pl-ba /* brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-brackethighlighter-angle);
|
|
}
|
|
|
|
.pl-sg /* sublimelinter.gutter-mark */ {
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-sublimelinter-gutter-mark);
|
|
}
|
|
|
|
.pl-corl /* constant.other.reference.link, string.other.link */ {
|
|
text-decoration: underline;
|
|
color: var(#{$rootPrefix}color-prettylights-syntax-constant-other-reference-link);
|
|
}
|
|
}
|