mirror of
https://git.sr.ht/~azikx/userstyles
synced 2024-10-30 07:26:19 +00:00
853 lines
33 KiB
CSS
853 lines
33 KiB
CSS
/* ==UserStyle==
|
|
@name GitHub Paradisa
|
|
@namespace github.com/axax-loll/userstyles/tree/main
|
|
@homepageURL https://github.com/axax-loll/userstyles/tree/main/github/github.user.css
|
|
@version 1.0.2
|
|
@description Lolz github theme
|
|
@author azikx
|
|
@license MIT
|
|
|
|
@preprocessor less
|
|
@var select darkFlavor "Dark Flavor" ["paradisa:paradisa"]
|
|
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
|
|
==/UserStyle== */
|
|
|
|
@-moz-document regexp("https:\/\/(gist\.)*github\.com(?!((\/.+?\/.+?\/commit\/[A-Fa-f0-9]+\.(patch|diff)$)|\/home$|\/features($|\/.*)|\/marketplace($|\?.*|\/.*)|\/organizations\/plan)).*$") {
|
|
[data-color-mode="auto"] {
|
|
@media (prefers-color-scheme: light) {
|
|
&[data-light-theme="dark"] {
|
|
#paradisa(@darkFlavor, @accentColor);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
&[data-dark-theme="dark"] {
|
|
#paradisa(@darkFlavor, @accentColor);
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-color-mode="light"][data-light-theme="dark"],
|
|
[data-color-mode="dark"][data-dark-theme="dark"] {
|
|
#paradisa(@darkFlavor, @accentColor);
|
|
}
|
|
|
|
html:not([data-light-theme="light"], [data-light-theme="dark"]) body:not(.logged-out)::after,
|
|
html:not([data-dark-theme="dark"], [data-dark-theme="light"]) body:not(.logged-out)::after {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
padding: 1rem;
|
|
margin: 1rem;
|
|
border-radius: 0.5rem;
|
|
max-width: 40ch;
|
|
background-color: var(--color-danger-fg);
|
|
color: var(--color-header-bg);
|
|
content: "Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the paradisa GitHub userstyle.";
|
|
z-index: 9999;
|
|
}
|
|
|
|
#paradisa(@lookup, @accent) {
|
|
@rosewater: @paradisa[@@lookup][@rosewater];
|
|
@flamingo: @paradisa[@@lookup][@flamingo];
|
|
@pink: @paradisa[@@lookup][@pink];
|
|
@mauve: @paradisa[@@lookup][@mauve];
|
|
@red: @paradisa[@@lookup][@red];
|
|
@maroon: @paradisa[@@lookup][@maroon];
|
|
@peach: @paradisa[@@lookup][@peach];
|
|
@yellow: @paradisa[@@lookup][@yellow];
|
|
@green: @paradisa[@@lookup][@green];
|
|
@teal: @paradisa[@@lookup][@teal];
|
|
@sky: @paradisa[@@lookup][@sky];
|
|
@sapphire: @paradisa[@@lookup][@sapphire];
|
|
@blue: @paradisa[@@lookup][@blue];
|
|
@lavender: @paradisa[@@lookup][@lavender];
|
|
@text: @paradisa[@@lookup][@text];
|
|
@subtext1: @paradisa[@@lookup][@subtext1];
|
|
@subtext0: @paradisa[@@lookup][@subtext0];
|
|
@overlay2: @paradisa[@@lookup][@overlay2];
|
|
@overlay1: @paradisa[@@lookup][@overlay1];
|
|
@overlay0: @paradisa[@@lookup][@overlay0];
|
|
@surface2: @paradisa[@@lookup][@surface2];
|
|
@surface1: @paradisa[@@lookup][@surface1];
|
|
@surface0: @paradisa[@@lookup][@surface0];
|
|
@base: @paradisa[@@lookup][@base];
|
|
@mantle: @paradisa[@@lookup][@mantle];
|
|
@crust: @paradisa[@@lookup][@crust];
|
|
@accent-color: @paradisa[@@lookup][@@accent];
|
|
|
|
color-scheme: if(@lookup =paradisa, light, dark);
|
|
|
|
::selection {
|
|
background-color: fade(@accent-color, 30%);
|
|
}
|
|
|
|
input,
|
|
textarea {
|
|
&::placeholder {
|
|
color: @subtext0 !important;
|
|
}
|
|
}
|
|
|
|
.cm-placeholder {
|
|
color: @subtext0;
|
|
}
|
|
|
|
accent-color: @accent-color;
|
|
color: @text;
|
|
|
|
--color-social-reaction-bg-reacted-hover: fade(@accent-color, 30%);
|
|
--color-notifications-button-hover-bg: fade(@accent-color, 60%);
|
|
--color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
|
|
--color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));
|
|
--color-calendar-halloween-graph-day-L1-bg: fadeout(@accent-color,
|
|
60%) !important;
|
|
--color-calendar-halloween-graph-day-L2-bg: fadeout(@accent-color,
|
|
40%) !important;
|
|
--color-calendar-halloween-graph-day-L3-bg: fadeout(@accent-color,
|
|
20%) !important;
|
|
--color-calendar-halloween-graph-day-L4-bg: @accent-color !important;
|
|
--color-calendar-winter-graph-day-L1-bg: fadeout(@accent-color,
|
|
60%) !important;
|
|
--color-calendar-winter-graph-day-L2-bg: fadeout(@accent-color,
|
|
40%) !important;
|
|
--color-calendar-winter-graph-day-L3-bg: fadeout(@accent-color,
|
|
20%) !important;
|
|
--color-calendar-winter-graph-day-L4-bg: @accent-color !important;
|
|
--color-calendar-graph-day-bg: @surface0 !important;
|
|
--color-calendar-graph-day-border: transparent !important;
|
|
--color-calendar-graph-day-L1-bg: fadeout(@accent-color, 60%) !important;
|
|
--color-calendar-graph-day-L2-bg: fadeout(@accent-color, 40%) !important;
|
|
--color-calendar-graph-day-L3-bg: fadeout(@accent-color, 20%) !important;
|
|
--color-calendar-graph-day-L4-bg: @accent-color !important;
|
|
--color-calendar-graph-day-L2-border: transparent !important;
|
|
--color-calendar-graph-day-L3-border: transparent !important;
|
|
--color-calendar-graph-day-L4-border: transparent !important;
|
|
--color-user-mention-fg: @accent-color;
|
|
--color-user-mention-bg: fade(@accent-color, 30%);
|
|
--color-dashboard-feed-bg: var(--color-scale-gray-9);
|
|
--color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
|
|
--color-marketing-icon-secondary: var(--color-scale-blue-5);
|
|
--color-project-header-bg: var(--color-scale-gray-9);
|
|
--color-project-sidebar-bg: var(--color-scale-gray-8);
|
|
--color-project-gradient-in: var(--color-scale-gray-8);
|
|
--color-project-gradient-out: rgba(22, 27, 34, 0);
|
|
--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
|
|
--topicTag-borderColor: #0000;
|
|
--highlight-neutral-bgColor: fade(@yellow, 30%);
|
|
--page-header-bgColor: @crust;
|
|
--diffBlob-addition-fgColor-text: @text;
|
|
--diffBlob-addition-fgColor-num: @text;
|
|
--diffBlob-addition-bgColor-num: fadeout(@green, 70%);
|
|
--diffBlob-addition-bgColor-line: fadeout(@green, 85%);
|
|
--diffBlob-addition-bgColor-word: fadeout(@green, 70%);
|
|
--diffBlob-deletion-fgColor-text: @text;
|
|
--diffBlob-deletion-fgColor-num: @text;
|
|
--diffBlob-deletion-bgColor-num: fadeout(@red, 70%);
|
|
--diffBlob-deletion-bgColor-line: fadeout(@red, 85%);
|
|
--diffBlob-deletion-bgColor-word: fadeout(@red, 70%);
|
|
--diffBlob-hunk-bgColor-num: fadeout(@accent-color, 60%);
|
|
--diffBlob-expander-iconColor: #848d97;
|
|
--codeMirror-fgColor: @text;
|
|
--codeMirror-bgColor: @base;
|
|
--codeMirror-gutters-bgColor: @base;
|
|
--codeMirror-gutterMarker-fgColor-default: @base;
|
|
--codeMirror-gutterMarker-fgColor-muted: @overlay0;
|
|
--codeMirror-lineNumber-fgColor: @overlay1;
|
|
--codeMirror-cursor-fgColor: @text;
|
|
--codeMirror-selection-bgColor: #388bfd66;
|
|
--codeMirror-activeline-bgColor: #6e768166;
|
|
--codeMirror-matchingBracket-fgColor: @text;
|
|
--codeMirror-lines-bgColor: @base;
|
|
--codeMirror-syntax-fgColor-comment: @overlay2;
|
|
--codeMirror-syntax-fgColor-constant: @blue;
|
|
--codeMirror-syntax-fgColor-entity: @blue;
|
|
--codeMirror-syntax-fgColor-keyword: @mauve;
|
|
--codeMirror-syntax-fgColor-storage: @peach;
|
|
--codeMirror-syntax-fgColor-string: @green;
|
|
--codeMirror-syntax-fgColor-support: #79c0ff;
|
|
--codeMirror-syntax-fgColor-variable: @peach;
|
|
--header-fgColor-default: @text;
|
|
--header-fgColor-logo: @text;
|
|
--header-bgColor: @crust;
|
|
--header-borderColor-divider: #8b949e;
|
|
--headerSearch-bgColor: @mantle;
|
|
--headerSearch-borderColor: @surface0;
|
|
--avatar-bgColor: fade(@text, 26%);
|
|
--avatar-borderColor: @surface0;
|
|
--avatar-shadow: 0px 0px 0px 2px #0d1117;
|
|
--avatarStack-fade-bgColor-default: @surface1;
|
|
--avatarStack-fade-bgColor-muted: #21262d;
|
|
--control-bgColor-rest: @red;
|
|
--control-bgColor-hover: #292e36;
|
|
--control-bgColor-active: @surface1;
|
|
--control-bgColor-disabled: fade(@mantle, 60%);
|
|
--control-bgColor-selected: #161b22;
|
|
--control-fgColor-rest: @text;
|
|
--control-fgColor-placeholder: #484f58;
|
|
--control-fgColor-disabled: fade(@subtext0, 70%);
|
|
--control-borderColor-rest: @surface1;
|
|
--control-borderColor-emphasis: #666e79;
|
|
--control-borderColor-disabled: fade(@surface1, 75%);
|
|
--control-borderColor-selected: #f0f6fc;
|
|
--control-borderColor-success: @green;
|
|
--control-borderColor-danger: @red;
|
|
--control-borderColor-warning: @yellow;
|
|
--control-iconColor-rest: #848d97;
|
|
--control-transparent-bgColor-rest: #0000;
|
|
--control-transparent-bgColor-hover: fade(@surface2, 20%);
|
|
--control-transparent-bgColor-active: fade(@overlay0, 50%);
|
|
--control-transparent-bgColor-disabled: #21262db3;
|
|
--control-transparent-bgColor-selected: #b1bac414;
|
|
--control-transparent-borderColor-rest: #0000;
|
|
--control-transparent-borderColor-hover: #0000;
|
|
--control-transparent-borderColor-active: #0000;
|
|
--control-danger-fgColor-rest: @red;
|
|
--control-danger-fgColor-hover: @crust;
|
|
--control-danger-bgColor-hover: fade(@red, 80%);
|
|
--control-danger-bgColor-active: @red;
|
|
--control-checked-bgColor-rest: @accent-color;
|
|
--control-checked-bgColor-hover: lighten(@accent-color, 5%);
|
|
--control-checked-bgColor-active: lighten(@accent-color, 5%);
|
|
--control-checked-bgColor-disabled: #6e7681;
|
|
--control-checked-fgColor-rest: @crust;
|
|
--control-checked-fgColor-disabled: #010409;
|
|
--control-checked-borderColor-rest: @accent-color;
|
|
--control-checked-borderColor-hover: @accent-color;
|
|
--control-checked-borderColor-active: @accent-color;
|
|
--control-checked-borderColor-disabled: @surface0;
|
|
--controlTrack-bgColor-rest: @surface0;
|
|
--controlTrack-bgColor-hover: @surface1;
|
|
--controlTrack-bgColor-active: @surface2;
|
|
--controlTrack-bgColor-disabled: #6e7681;
|
|
--controlTrack-fgColor-rest: #848d97;
|
|
--controlTrack-fgColor-disabled: @text;
|
|
--controlTrack-borderColor-rest: #0000;
|
|
--controlTrack-borderColor-disabled: #6e7681;
|
|
--controlKnob-bgColor-rest: @base;
|
|
--controlKnob-bgColor-disabled: #21262db3;
|
|
--controlKnob-bgColor-checked: @text;
|
|
--controlKnob-borderColor-rest: @surface2;
|
|
--controlKnob-borderColor-disabled: #21262db3;
|
|
--controlKnob-borderColor-checked: @blue;
|
|
--button-default-fgColor-rest: @text;
|
|
--button-default-bgColor-rest: @surface0;
|
|
--button-default-bgColor-hover: @surface1;
|
|
--button-default-bgColor-active: @surface2;
|
|
--button-default-bgColor-selected: @surface2;
|
|
--button-default-bgColor-disabled: fade(@surface0, 70%);
|
|
--button-default-borderColor-rest: @surface1;
|
|
--button-default-borderColor-hover: @surface1;
|
|
--button-default-borderColor-active: @surface1;
|
|
--button-default-borderColor-disabled: fade(@surface0, 70%);
|
|
--button-default-shadow-resting: 0px 0px 0px 0px #000;
|
|
--button-primary-fgColor-rest: @base;
|
|
--button-primary-fgColor-disabled: fade(@base, 60%);
|
|
--button-primary-iconColor-rest: @base;
|
|
--button-primary-bgColor-rest: @green;
|
|
--button-primary-bgColor-hover: lighten(@green, 5%);
|
|
--button-primary-bgColor-active: saturate(@green, 5%);
|
|
--button-primary-bgColor-disabled: fade(@green, 70%);
|
|
--button-primary-borderColor-rest: @green;
|
|
--button-primary-borderColor-hover: @green;
|
|
--button-primary-borderColor-active: @green;
|
|
--button-primary-borderColor-disabled: fade(@green, 70%);
|
|
--button-primary-shadow-selected: 0px 0px 0px 0px #000;
|
|
--button-invisible-fgColor-rest: @text;
|
|
--button-invisible-fgColor-hover: lighten(@accent-color, 10%);
|
|
--button-invisible-fgColor-disabled: #6e7681;
|
|
--button-invisible-iconColor-rest: @overlay2;
|
|
--button-invisible-iconColor-hover: #e6edf3;
|
|
--button-invisible-iconColor-disabled: #6e7681;
|
|
--button-invisible-bgColor-rest: #0000;
|
|
--button-invisible-bgColor-hover: #b1bac41f;
|
|
--button-invisible-bgColor-active: #b1bac433;
|
|
--button-invisible-bgColor-disabled: fade(@surface1, 70%);
|
|
--button-invisible-borderColor-rest: #0000;
|
|
--button-invisible-borderColor-hover: #0000;
|
|
--button-invisible-borderColor-disabled: fade(@surface1, 70%);
|
|
--button-outline-fgColor-rest: #388bfd;
|
|
--button-outline-fgColor-hover: #58a6ff;
|
|
--button-outline-fgColor-active: @text;
|
|
--button-outline-fgColor-disabled: #4493f880;
|
|
--button-outline-bgColor-rest: #f0f6fc;
|
|
--button-outline-bgColor-hover: @surface1;
|
|
--button-outline-bgColor-active: #0d419d;
|
|
--button-outline-bgColor-disabled: #0d1117;
|
|
--button-outline-borderColor-hover: #f0f6fc1a;
|
|
--button-outline-borderColor-selected: #f0f6fc1a;
|
|
--button-outline-shadow-selected: 0px 0px 0px 0px #000;
|
|
--button-danger-fgColor-rest: @red;
|
|
--button-danger-fgColor-hover: @base;
|
|
--button-danger-fgColor-active: @base;
|
|
--button-danger-fgColor-disabled: fade(@red, 50%);
|
|
--button-danger-iconColor-rest: @red;
|
|
--button-danger-iconColor-hover: @crust;
|
|
--button-danger-bgColor-rest: @surface0;
|
|
--button-danger-bgColor-hover: @red;
|
|
--button-danger-bgColor-active: darken(@red, 5%);
|
|
--button-danger-bgColor-disabled: @base;
|
|
--button-danger-borderColor-rest: @surface1;
|
|
--button-danger-borderColor-hover: @red;
|
|
--button-danger-borderColor-active: darken(@red, 5%);
|
|
--button-danger-shadow-selected: 0px 0px 0px 0px #000;
|
|
--button-inactive-fgColor: #8b949e;
|
|
--button-inactive-bgColor: #21262d;
|
|
--button-star-iconColor: @yellow;
|
|
--buttonCounter-default-bgColor-rest: @surface1;
|
|
--buttonCounter-invisible-bgColor-rest: @surface1;
|
|
--buttonCounter-primary-bgColor-rest: #04260f33;
|
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
--buttonCounter-outline-bgColor-disabled: #1f6feb0d;
|
|
--buttonCounter-outline-fgColor-rest: #388bfd;
|
|
--buttonCounter-outline-fgColor-hover: #58a6ff;
|
|
--buttonCounter-outline-fgColor-disabled: #4493f880;
|
|
--buttonCounter-danger-bgColor-hover: fade(@text, 20%);
|
|
--buttonCounter-danger-bgColor-disabled: #da36330d;
|
|
--buttonCounter-danger-bgColor-rest: #49020233;
|
|
--buttonCounter-danger-fgColor-rest: @red;
|
|
--buttonCounter-danger-fgColor-hover: @text;
|
|
--buttonCounter-danger-fgColor-disabled: fade(@red, 50%);
|
|
--focus-outlineColor: @accent-color;
|
|
--menu-bgColor-active: @mantle;
|
|
--overlay-bgColor: @base;
|
|
--overlay-borderColor: @surface0;
|
|
--overlay-backdrop-bgColor: #161b2266;
|
|
--selectMenu-borderColor: #484f58;
|
|
--selectMenu-bgColor-active: #0c2d6b;
|
|
--sideNav-bgColor-selected: #21262d;
|
|
--skeletonLoader-bgColor: #161b22;
|
|
--timelineBadge-bgColor: @mantle;
|
|
--treeViewItem-leadingVisual-iconColor-rest: #848d97;
|
|
--underlineNav-borderColor-active: @accent-color;
|
|
--underlineNav-borderColor-hover: #6e768166;
|
|
--underlineNav-iconColor-rest: #848d97;
|
|
--selection-bgColor: fade(@accent-color, 30%);
|
|
--reactionButton-selected-bgColor-rest: fade(@accent-color, 20%);
|
|
--reactionButton-selected-bgColor-hover: fade(@accent-color, 35%);
|
|
--reactionButton-selected-fgColor-rest: @accent-color;
|
|
--reactionButton-selected-fgColor-hover: @accent-color;
|
|
--fgColor-default: @text;
|
|
--fgColor-muted: @subtext1;
|
|
--fgColor-onEmphasis: @base;
|
|
--fgColor-white: if(@lookup =paradisa, @crust, @text);
|
|
--fgColor-disabled: @surface2;
|
|
--fgColor-link: @accent-color;
|
|
--fgColor-neutral: #6e7681;
|
|
--fgColor-accent: @accent-color;
|
|
--fgColor-success: @green;
|
|
--fgColor-attention: @yellow;
|
|
--fgColor-severe: @peach;
|
|
--fgColor-danger: @red;
|
|
--fgColor-open: @green;
|
|
--fgColor-closed: @red;
|
|
--fgColor-done: @mauve;
|
|
--fgColor-sponsors: @pink;
|
|
--bgColor-default: @base;
|
|
--bgColor-muted: @mantle;
|
|
--bgColor-inset: @crust;
|
|
--bgColor-emphasis: @overlay2;
|
|
--bgColor-inverse: @text;
|
|
--bgColor-disabled: #21262db3;
|
|
--bgColor-transparent: #0000;
|
|
--bgColor-neutral-muted: fade(@surface0, 40%);
|
|
--bgColor-neutral-emphasis: @subtext0;
|
|
--bgColor-accent-muted: fade(@accent-color, 20%);
|
|
--bgColor-accent-emphasis: @accent-color;
|
|
--bgColor-success-muted: #2ea04326;
|
|
--bgColor-success-emphasis: @green;
|
|
--bgColor-attention-muted: fade(@yellow, 15%);
|
|
--bgColor-attention-emphasis: @yellow;
|
|
--bgColor-severe-muted: fade(@peach, 26%);
|
|
--bgColor-severe-emphasis: @peach;
|
|
--bgColor-danger-muted: fade(@red, 26%);
|
|
--bgColor-danger-emphasis: @red;
|
|
--bgColor-open-muted: #2ea0431a;
|
|
--bgColor-open-emphasis: @green;
|
|
--bgColor-closed-muted: fade(@red, 15%);
|
|
--bgColor-closed-emphasis: @red;
|
|
--bgColor-done-muted: #a371f726;
|
|
--bgColor-done-emphasis: @mauve;
|
|
--bgColor-sponsors-muted: #db61a21a;
|
|
--bgColor-sponsors-emphasis: @pink;
|
|
--borderColor-default: @surface1;
|
|
--borderColor-muted: @surface0;
|
|
--borderColor-emphasis: #484f58;
|
|
--borderColor-disabled: #21262db3;
|
|
--borderColor-transparent: #0000;
|
|
--borderColor-neutral-muted: #6e768166;
|
|
--borderColor-neutral-emphasis: #6e7681;
|
|
--borderColor-accent-muted: fade(@accent-color, 50%);
|
|
--borderColor-accent-emphasis: @accent-color;
|
|
--borderColor-success-muted: darken(@green, 5%);
|
|
--borderColor-success-emphasis: @green;
|
|
--borderColor-attention-muted: fade(@flamingo, 30%);
|
|
--borderColor-attention-emphasis: @flamingo;
|
|
--borderColor-severe-muted: @peach;
|
|
--borderColor-severe-emphasis: #bd561d;
|
|
--borderColor-danger-muted: @red;
|
|
--borderColor-danger-emphasis: @red;
|
|
--borderColor-open-muted: darken(@green, 5%);
|
|
--borderColor-open-emphasis: @green;
|
|
--borderColor-closed-muted: @red;
|
|
--borderColor-closed-emphasis: @red;
|
|
--borderColor-done-muted: @lavender;
|
|
--borderColor-done-emphasis: @mauve;
|
|
--borderColor-sponsors-muted: #db61a266;
|
|
--borderColor-sponsors-emphasis: @pink;
|
|
|
|
& when (@lookup =paradisa) {
|
|
--color-ansi-black: @subtext1;
|
|
--color-ansi-black-bright: @subtext0;
|
|
--color-ansi-gray: @subtext0;
|
|
--color-ansi-white: @surface2;
|
|
--color-ansi-white-bright: @surface1;
|
|
}
|
|
|
|
& when not (@lookup =paradisa) {
|
|
--color-ansi-black: @surface1;
|
|
--color-ansi-black-bright: @surface2;
|
|
--color-ansi-gray: @surface2;
|
|
--color-ansi-white: @subtext1;
|
|
--color-ansi-white-bright: @subtext0;
|
|
}
|
|
|
|
--color-ansi-red: @red;
|
|
--color-ansi-red-bright: @red;
|
|
--color-ansi-green: @green;
|
|
--color-ansi-green-bright: @green;
|
|
--color-ansi-yellow: @yellow;
|
|
--color-ansi-yellow-bright: @yellow;
|
|
--color-ansi-blue: @blue;
|
|
--color-ansi-blue-bright: @blue;
|
|
--color-ansi-magenta: @pink;
|
|
--color-ansi-magenta-bright: @pink;
|
|
--color-ansi-cyan: @teal;
|
|
--color-ansi-cyan-bright: @teal;
|
|
--color-prettylights-syntax-comment: @overlay2;
|
|
--color-prettylights-syntax-constant: @blue;
|
|
--color-prettylights-syntax-constant-other-reference-link: @blue;
|
|
--color-prettylights-syntax-entity: @blue;
|
|
--color-prettylights-syntax-storage-modifier-import: @peach;
|
|
--color-prettylights-syntax-entity-tag: @blue;
|
|
--color-prettylights-syntax-keyword: @mauve;
|
|
--color-prettylights-syntax-string: @green;
|
|
--color-prettylights-syntax-variable: @peach;
|
|
--color-prettylights-syntax-invalid-illegal-text: @red;
|
|
--color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);
|
|
--color-prettylights-syntax-markup-heading: @red;
|
|
--color-prettylights-syntax-markup-italic: @yellow;
|
|
--color-prettylights-syntax-markup-bold: @yellow;
|
|
--color-prettylights-syntax-markup-deleted-text: @text;
|
|
--color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);
|
|
--color-prettylights-syntax-markup-inserted-text: @text;
|
|
--color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);
|
|
--color-prettylights-syntax-markup-changed-text: @text;
|
|
--color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);
|
|
--color-prettylights-syntax-markup-ignored-text: @text;
|
|
--bgColor-white: @base;
|
|
--color-scale-white: @base;
|
|
--color-scale-gray-3: @overlay2;
|
|
--color-scale-gray-5: @overlay0;
|
|
--color-scale-gray-6: @surface1;
|
|
--color-scale-gray-7: @surface1;
|
|
--color-scale-blue-2: @sky;
|
|
--color-scale-blue-5: @blue;
|
|
--color-scale-green-3: @green;
|
|
--color-scale-green-4: @green;
|
|
--color-scale-yellow-3: @peach;
|
|
--color-scale-orange-4: @peach;
|
|
--color-scale-red-4: @red;
|
|
--shadow-inset: inset 0px 1px 0px 0px @crust;
|
|
--shadow-resting-xsmall: 0px 1px 0px 0px @crust;
|
|
--shadow-resting-small: 0px 1px 0px 0px @crust, 0px 1px 3px 0px @crust;
|
|
--shadow-resting-medium: 0px 3px 6px 0px @crust;
|
|
--shadow-floating-small: 0px 0px 0px 1px @base, 0px 6px 12px -3px @crust,
|
|
0px 6px 18px 0px @crust;
|
|
--shadow-floating-medium: 0px 0px 0px 1px @surface0,
|
|
0px 8px 16px -4px @crust, 0px 4px 32px -4px @crust,
|
|
0px 24px 48px -12px @crust, 0px 48px 96px -24px @crust;
|
|
--shadow-floating-large: 0px 0px 0px 1px @surface0,
|
|
0px 24px 48px 0px #010409;
|
|
--shadow-floating-xlarge: 0px 0px 0px 1px @surface0,
|
|
0px 32px 64px 0px #010409;
|
|
--shadow-floating-legacy: 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;
|
|
--outline-focus: @blue solid 2px;
|
|
|
|
/* Enhanced Repo Insights Views - https://github.com/orgs/community/discussions/135572 */
|
|
--data-blue-color-emphasis: @accent-color;
|
|
--data-red-color-emphasis: @red;
|
|
--data-green-color-emphasis: @green;
|
|
|
|
--tooltip-fgColor: @text;
|
|
--tooltip-bgColor: @crust;
|
|
|
|
/* Refined GitHub */
|
|
--rgh-heat-color: @peach;
|
|
|
|
.turbo-progress-bar {
|
|
background-color: @accent-color;
|
|
}
|
|
|
|
.form-select {
|
|
@svg: escape('<svg width="16" height="16" viewBox="0 0 16 16" fill="@{subtext0}" xmlns="http://www.w3.org/2000/svg"><path d="m4.427 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 9H4.604a.25.25 0 0 0-.177.427M4.423 6.47 7.82 3.072a.25.25 0 0 1 .354 0L11.57 6.47a.25.25 0 0 1-.177.427H4.6a.25.25 0 0 1-.177-.427"/></svg>'
|
|
);
|
|
background-image: url("data:image/svg+xml,@{svg}");
|
|
}
|
|
|
|
img[src="https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif"] {
|
|
content: url("https://giscus.paradisa.com/assets/loading_48x48.gif");
|
|
}
|
|
|
|
/* Header when logged out */
|
|
.HeaderMenu-link {
|
|
color: @text;
|
|
|
|
&:hover {
|
|
color: @text;
|
|
}
|
|
}
|
|
|
|
.header-search-button {
|
|
.placeholder {
|
|
color: @subtext0;
|
|
}
|
|
|
|
svg {
|
|
fill: @text !important;
|
|
}
|
|
}
|
|
|
|
.HeaderMenu-toggle-bar {
|
|
background-color: @text;
|
|
}
|
|
|
|
.notification-indicator .mail-status {
|
|
background-image: linear-gradient(@accent-color,
|
|
darken(@accent-color, 5%));
|
|
}
|
|
|
|
.CheckStep {
|
|
.ansifg-r {
|
|
color: var(--color-ansi-red);
|
|
}
|
|
|
|
.ansifg-y {
|
|
color: var(--color-ansi-yellow);
|
|
}
|
|
|
|
.ansifg-g {
|
|
color: var(--color-ansi-green);
|
|
}
|
|
|
|
.ansifg-b {
|
|
color: var(--color-ansi-blue);
|
|
}
|
|
|
|
.ansifg-c {
|
|
color: var(--color-ansi-cyan);
|
|
}
|
|
|
|
.ansifg-m {
|
|
color: var(--color-ansi-magenta);
|
|
}
|
|
|
|
.ansifg-gr {
|
|
color: var(--color-ansi-gray);
|
|
}
|
|
}
|
|
|
|
.js-activity-overview-graph .js-highlight-blob {
|
|
fill: @accent-color;
|
|
stroke: @accent-color;
|
|
}
|
|
|
|
.subnav-link.selected {
|
|
border-bottom-color: @accent-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
@-moz-document url-prefix("https://viewscreen.githubusercontent.com/markdown/mermaid") {
|
|
[data-color-mode="auto"] {
|
|
@media (prefers-color-scheme: light) {
|
|
&[data-light-theme="dark"] {
|
|
#paradisa(@darkFlavor, @accentColor);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
&[data-dark-theme="dark"] {
|
|
#paradisa(@darkFlavor, @accentColor);
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-color-mode="light"][data-light-theme="dark"],
|
|
[data-color-mode="dark"][data-dark-theme="dark"] {
|
|
#paradisa(@darkFlavor, @accentColor);
|
|
}
|
|
|
|
#paradisa(@lookup, @accent) {
|
|
@rosewater: @paradisa[@@lookup][@rosewater];
|
|
@flamingo: @paradisa[@@lookup][@flamingo];
|
|
@pink: @paradisa[@@lookup][@pink];
|
|
@mauve: @paradisa[@@lookup][@mauve];
|
|
@red: @paradisa[@@lookup][@red];
|
|
@maroon: @paradisa[@@lookup][@maroon];
|
|
@peach: @paradisa[@@lookup][@peach];
|
|
@yellow: @paradisa[@@lookup][@yellow];
|
|
@green: @paradisa[@@lookup][@green];
|
|
@teal: @paradisa[@@lookup][@teal];
|
|
@sky: @paradisa[@@lookup][@sky];
|
|
@sapphire: @paradisa[@@lookup][@sapphire];
|
|
@blue: @paradisa[@@lookup][@blue];
|
|
@lavender: @paradisa[@@lookup][@lavender];
|
|
@text: @paradisa[@@lookup][@text];
|
|
@subtext1: @paradisa[@@lookup][@subtext1];
|
|
@subtext0: @paradisa[@@lookup][@subtext0];
|
|
@overlay2: @paradisa[@@lookup][@overlay2];
|
|
@overlay1: @paradisa[@@lookup][@overlay1];
|
|
@overlay0: @paradisa[@@lookup][@overlay0];
|
|
@surface2: @paradisa[@@lookup][@surface2];
|
|
@surface1: @paradisa[@@lookup][@surface1];
|
|
@surface0: @paradisa[@@lookup][@surface0];
|
|
@base: @paradisa[@@lookup][@base];
|
|
@mantle: @paradisa[@@lookup][@mantle];
|
|
@crust: @paradisa[@@lookup][@crust];
|
|
@accent-color: @paradisa[@@lookup][@@accent];
|
|
|
|
::selection {
|
|
background-color: fade(@accent-color, 30%);
|
|
}
|
|
|
|
background-color: @base;
|
|
|
|
--color-btn-text: @text;
|
|
--color-btn-bg: @surface0;
|
|
--color-btn-border: @surface1;
|
|
--color-btn-hover-bg: @surface1;
|
|
--color-btn-hover-border: @surface2;
|
|
--color-btn-active-bg: @surface2;
|
|
--color-btn-selected-bg: @surface2;
|
|
--color-btn-counter-bg: @surface2;
|
|
--color-btn-outline-text: @accent-color;
|
|
--color-fg-muted: @subtext1;
|
|
|
|
#diagram {
|
|
|
|
.node rect,
|
|
.node circle,
|
|
.node ellipse,
|
|
.node polygon,
|
|
.node path {
|
|
fill: fade(@accent-color, 10%);
|
|
stroke: @accent-color;
|
|
}
|
|
|
|
.label text,
|
|
span,
|
|
p {
|
|
fill: @text;
|
|
color: @text;
|
|
}
|
|
|
|
.flowchart-link,
|
|
.marker {
|
|
stroke: @subtext0;
|
|
fill: @subtext0;
|
|
}
|
|
|
|
.edgeLabel {
|
|
background-color: @crust;
|
|
}
|
|
}
|
|
|
|
.octicon {
|
|
fill: var(--color-fg-muted) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@-moz-document regexp("https:\/\/notebooks\.githubusercontent\.com\/view\/ipynb.*") {
|
|
:root {
|
|
#paradisa(@darkFlavor, @accentColor);
|
|
}
|
|
|
|
#paradisa(@lookup, @accent) {
|
|
@rosewater: @paradisa[@@lookup][@rosewater];
|
|
@flamingo: @paradisa[@@lookup][@flamingo];
|
|
@pink: @paradisa[@@lookup][@pink];
|
|
@mauve: @paradisa[@@lookup][@mauve];
|
|
@red: @paradisa[@@lookup][@red];
|
|
@maroon: @paradisa[@@lookup][@maroon];
|
|
@peach: @paradisa[@@lookup][@peach];
|
|
@yellow: @paradisa[@@lookup][@yellow];
|
|
@green: @paradisa[@@lookup][@green];
|
|
@teal: @paradisa[@@lookup][@teal];
|
|
@sky: @paradisa[@@lookup][@sky];
|
|
@sapphire: @paradisa[@@lookup][@sapphire];
|
|
@blue: @paradisa[@@lookup][@blue];
|
|
@lavender: @paradisa[@@lookup][@lavender];
|
|
@text: @paradisa[@@lookup][@text];
|
|
@subtext1: @paradisa[@@lookup][@subtext1];
|
|
@subtext0: @paradisa[@@lookup][@subtext0];
|
|
@overlay2: @paradisa[@@lookup][@overlay2];
|
|
@overlay1: @paradisa[@@lookup][@overlay1];
|
|
@overlay0: @paradisa[@@lookup][@overlay0];
|
|
@surface2: @paradisa[@@lookup][@surface2];
|
|
@surface1: @paradisa[@@lookup][@surface1];
|
|
@surface0: @paradisa[@@lookup][@surface0];
|
|
@base: @paradisa[@@lookup][@base];
|
|
@mantle: @paradisa[@@lookup][@mantle];
|
|
@crust: @paradisa[@@lookup][@crust];
|
|
@accent-color: @paradisa[@@lookup][@@accent];
|
|
|
|
color-scheme: if(@lookup =paradisa, light, dark);
|
|
|
|
::selection {
|
|
background-color: fade(@accent-color, 30%);
|
|
}
|
|
|
|
input,
|
|
textarea {
|
|
&::placeholder {
|
|
color: @subtext0 !important;
|
|
}
|
|
}
|
|
|
|
--jp-border-color0: var(--color-scale-gray-7);
|
|
--jp-border-color1: var(--color-scale-gray-7);
|
|
--jp-border-color2: var(--color-scale-gray-8);
|
|
--jp-border-color3: var(--color-scale-gray-9);
|
|
--jp-ui-font-color0: @text;
|
|
--jp-ui-font-color1: fadeout(@text, 13%);
|
|
--jp-ui-font-color2: fadeout(@text, 46%);
|
|
--jp-ui-font-color3: fadeout(@text, 72%);
|
|
--jp-ui-inverse-font-color0: @crust;
|
|
--jp-ui-inverse-font-color1: fadeout(@crust, 20%);
|
|
--jp-ui-inverse-font-color2: fadeout(@crust, 50%);
|
|
--jp-ui-inverse-font-color3: fadeout(@crust, 70%);
|
|
--jp-content-font-color0: @text;
|
|
--jp-content-font-color1: @text;
|
|
--jp-content-font-color2: fadeout(@text, 30%);
|
|
--jp-content-font-color3: fadeout(@text, 50%);
|
|
--jp-content-link-color: @sapphire;
|
|
--jp-layout-color0: @base !important;
|
|
--jp-layout-color1: var(--color-scale-gray-9);
|
|
--jp-layout-color2: var(--color-scale-gray-8);
|
|
--jp-layout-color3: var(--color-scale-gray-7);
|
|
--jp-layout-color4: var(--color-scale-gray-6);
|
|
--jp-inverse-layout-color0: var(--color-scale-white);
|
|
--jp-inverse-layout-color1: var(--color-scale-white);
|
|
--jp-inverse-layout-color2: var(--color-scale-gray-2);
|
|
--jp-inverse-layout-color3: var(--color-scale-gray-4);
|
|
--jp-inverse-layout-color4: var(--color-scale-gray-6);
|
|
--jp-brand-color0: var(--color-scale-blue-7);
|
|
--jp-brand-color1: var(--color-scale-blue-5);
|
|
--jp-brand-color2: var(--color-scale-blue-3);
|
|
--jp-brand-color3: var(--color-scale-blue-1);
|
|
--jp-brand-color4: var(--color-scale-blue-0);
|
|
--jp-accent-color0: var(--color-scale-green-7);
|
|
--jp-accent-color1: var(--color-scale-green-5);
|
|
--jp-accent-color2: var(--color-scale-green-3);
|
|
--jp-accent-color3: var(--color-scale-green-1);
|
|
--jp-warn-color0: var(--color-scale-orange-7);
|
|
--jp-warn-color1: var(--color-scale-orange-5);
|
|
--jp-warn-color2: var(--color-scale-orange-3);
|
|
--jp-warn-color3: var(--color-scale-orange-1);
|
|
--jp-error-color0: var(--color-scale-red-7);
|
|
--jp-error-color1: var(--color-scale-red-5);
|
|
--jp-error-color2: var(--color-scale-red-3);
|
|
--jp-error-color3: var(--color-scale-red-1);
|
|
--jp-success-color0: var(--color-scale-green-7);
|
|
--jp-success-color1: var(--color-scale-green-5);
|
|
--jp-success-color2: var(--color-scale-green-3);
|
|
--jp-success-color3: var(--color-scale-green-1);
|
|
--jp-info-color0: var(--color-scale-blue-7);
|
|
--jp-info-color1: var(--color-scale-blue-5);
|
|
--jp-info-color2: var(--color-scale-blue-3);
|
|
--jp-info-color3: var(--color-scale-blue-1);
|
|
--jp-cell-editor-border-color: var(--color-scale-gray-7);
|
|
--jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);
|
|
--jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);
|
|
--jp-cell-inprompt-font-color: var(--color-scale-blue-6);
|
|
--jp-cell-outprompt-font-color: var(--color-scale-coral-6);
|
|
--jp-notebook-multiselected-color: fadeout(@overlay2, 86%);
|
|
--jp-rendermime-error-background: fadeout(@red, 82%);
|
|
--jp-rendermime-table-row-background: var(--color-scale-gray-9);
|
|
--jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);
|
|
--jp-dialog-background: fadeout(@crust, 40%);
|
|
--jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);
|
|
--jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);
|
|
--jp-input-background: var(--color-scale-gray-8);
|
|
--jp-input-active-box-shadow-color: fadeout(@blue, 70%);
|
|
--jp-editor-selected-focused-background: fadeout(@blue, 86%);
|
|
--jp-mirror-editor-keyword-color: var(--color-scale-green-5);
|
|
--jp-mirror-editor-atom-color: var(--color-scale-blue-3);
|
|
--jp-mirror-editor-number-color: var(--color-scale-green-4);
|
|
--jp-mirror-editor-def-color: var(--color-scale-blue-6);
|
|
--jp-mirror-editor-variable-color: var(--color-scale-gray-3);
|
|
--jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);
|
|
--jp-mirror-editor-variable-3-color: var(--color-scale-green-6);
|
|
--jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);
|
|
--jp-mirror-editor-property-color: var(--color-scale-blue-4);
|
|
--jp-mirror-editor-operator-color: @mauve;
|
|
--jp-mirror-editor-comment-color: @subtext0;
|
|
--jp-mirror-editor-string-color: @peach;
|
|
--jp-mirror-editor-string-2-color: var(--color-scale-purple-3);
|
|
--jp-mirror-editor-meta-color: @mauve;
|
|
--jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);
|
|
--jp-mirror-editor-builtin-color: var(--color-scale-green-6);
|
|
--jp-mirror-editor-bracket-color: var(--color-scale-gray-2);
|
|
--jp-mirror-editor-tag-color: var(--color-scale-blue-7);
|
|
--jp-mirror-editor-attribute-color: var(--color-scale-blue-7);
|
|
--jp-mirror-editor-header-color: var(--color-scale-blue-5);
|
|
--jp-mirror-editor-quote-color: var(--color-scale-green-3);
|
|
--jp-mirror-editor-link-color: var(--color-scale-blue-7);
|
|
--jp-mirror-editor-error-color: @red;
|
|
--jp-mirror-editor-hr-color: var(--color-scale-gray-8);
|
|
--jp-vega-background: var(--color-scale-gray-4);
|
|
--jp-search-selected-match-background-color: @yellow;
|
|
--jp-search-selected-match-color: @crust;
|
|
--jp-icon-contrast-color0: var(--color-scale-purple-6);
|
|
--jp-icon-contrast-color1: var(--color-scale-green-6);
|
|
--jp-icon-contrast-color2: var(--color-scale-pink-6);
|
|
--jp-icon-contrast-color3: var(--color-scale-blue-6);
|
|
}
|
|
}
|
|
|
|
/* prettier-ignore */
|
|
@paradisa: {
|
|
@paradisa: {
|
|
@rosewater: #BBB6B6;
|
|
@flamingo: #A988B0;
|
|
@pink: #A988B0;
|
|
@mauve: #A988B0;
|
|
@red: #B66467;
|
|
@maroon: #B66467;
|
|
@peach: #B66467;
|
|
@yellow: #D9BC8C;
|
|
@green: #8C977D;
|
|
@teal: #8AA6A2;
|
|
@sky: #8AA6A2;
|
|
@sapphire: #8DA3B9;
|
|
@blue: #8DA3B9;
|
|
@lavender: #8DA3B9;
|
|
@text: #E8E3E3;
|
|
@subtext1: #BBB6B6;
|
|
@subtext0: #BBB6B6;
|
|
@overlay2: #424242;
|
|
@overlay1: #424242;
|
|
@overlay0: #424242;
|
|
@surface2: #E8E3E3;
|
|
@surface1: #424242;
|
|
@surface0: #424242;
|
|
@base: #151515;
|
|
@mantle: #1F1F1F;
|
|
@crust: #1F1F1F;
|
|
}
|
|
|
|
;
|
|
} |