minima icon indicating copy to clipboard operation
minima copied to clipboard

Request: github-dark.scss

Open expikr opened this issue 2 years ago • 2 comments

Would love to have an additional option that simply uses GitHub's default dark styles.

Palette here:

https://github.com/primer/primitives/tree/main/data/colors/

expikr avatar Jun 30 '22 09:06 expikr

Using this custom-variables.scss gets it pretty close to the GitHub dark look:

// copied from github dark css
$color-fg-default: #c9d1d9;
$color-fg-muted: #8b949e;
$color-fg-subtle: #6e7681;
$color-canvas-default: #0d1117;
$color-canvas-overlay: #161b22;
$color-canvas-inset: #010409;
$color-border-default: #30363d;
$color-border-muted: #21262d;
$color-neutral-muted: hsla(215, 8%, 47%, .4); // inline code background
$color-accent-fg: #58a6ff;
$color-accent-emphasis: #1f6feb;
$color-accent-muted: rgba(56, 139, 253, .4);
$color-accent-subtle: rgba(56, 139, 253, .15);
$color-header-logo: #f0f6fc;


// Placeholder to allow overriding predefined variables smoothly.
$brand-color:           $color-fg-muted; 
$brand-color-light:     $color-header-logo;
$brand-color-dark:      $color-fg-subtle;

$site-title-color:      $color-header-logo;

$text-color:            $color-fg-default;
$background-color:      $color-canvas-default;
$code-background-color: $color-canvas-overlay;

$link-base-color:       $color-accent-fg;
$link-visited-color:    $color-accent-fg;
$link-hover-color:      $color-fg-default;

$border-color-01:       $color-border-default;
$border-color-02:       $color-header-logo;
$border-color-03:       $color-fg-muted;

$table-border-color:    $color-border-default;

$table-zebra-color:     $color-canvas-overlay;
$table-header-bg-color: $color-canvas-default;
$table-header-border:   $color-border-default;

samplepage.zip

expikr avatar Jul 30 '22 18:07 expikr

#670

expikr avatar Aug 10 '22 17:08 expikr

This issue has been automatically marked as stale because it has not been commented on for at least two months.

The resources of the Jekyll team are limited, and so we are asking for your help.

If this is a bug and you can still reproduce this error on the master/main branch, please reply with all of the information you have about it in order to keep the issue open.

If this is a feature request, please consider whether it can be accomplished in another way. If it cannot, please elaborate on why it is core to this project and why you feel more than 80% of users would find this beneficial.

This issue will automatically be closed in two months if no further activity occurs. Thank you for all your contributions.

jekyllbot avatar Oct 10 '22 18:10 jekyllbot