Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: mgyongyosi/OneDarkJekyll
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: master
Choose a base ref
...
head repository: just-the-docs/OneLightJekyll
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: main
Choose a head ref
Able to merge. These branches can be automatically merged.
  • 3 commits
  • 14 files changed
  • 1 contributor

Commits on Feb 15, 2023

  1. first pass setup

    mattxwang committed Feb 15, 2023

    Verified

    This commit was signed with the committer’s verified signature.
    mattxwang Matt Wang
    Copy the full SHA
    512126b View commit details
  2. Verified

    This commit was signed with the committer’s verified signature.
    mattxwang Matt Wang
    Copy the full SHA
    912cd0b View commit details
  3. update orange hue

    mattxwang committed Feb 15, 2023

    Verified

    This commit was signed with the committer’s verified signature.
    mattxwang Matt Wang
    Copy the full SHA
    ddabc8c View commit details
Showing with 657 additions and 34 deletions.
  1. +32 −0 .github/workflows/ci.yml
  2. +1 −0 .gitignore
  3. +1 −1 LICENSE
  4. +21 −0 LICENSE-one-dark-jekyll
  5. +20 −0 LICENSE-one-light
  6. +18 −12 README.md
  7. +18 −17 colors.less
  8. +1 −0 dist/syntax.css
  9. +523 −0 package-lock.json
  10. +22 −0 package.json
  11. +0 −1 syntax-firewatch-green.css
  12. +0 −1 syntax-firewatch.css
  13. +0 −1 syntax-one-dark-vivid.css
  14. +0 −1 syntax-one-dark.css
32 changes: 32 additions & 0 deletions .github/workflows/ci.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions

name: Build

on:
push:
branches: [ main ]
paths-ignore:
- '**/README.md'
pull_request:
branches: [ main ]
paths-ignore:
- '**/README.md'

jobs:
build:

runs-on: ubuntu-latest

strategy:
matrix:
node-version: [18.x]

steps:
- uses: actions/checkout@v3
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- run: npm install
- run: npm run build
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules
2 changes: 1 addition & 1 deletion LICENSE
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
MIT License

Copyright (c) 2016 Mihály Gyöngyösi
Copyright (c) 2023 Matthew Wang

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
21 changes: 21 additions & 0 deletions LICENSE-one-dark-jekyll
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
MIT License

Copyright (c) 2016 Mihály Gyöngyösi

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
20 changes: 20 additions & 0 deletions LICENSE-one-light
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
Copyright (c) 2016 GitHub Inc.

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
30 changes: 18 additions & 12 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,24 @@
# OneDarkJekyll
# OneLightJekyll

*Use Atom's One Dark syntax colors in your Jekyll powered blog!*
This is a fork of [mgyongyosi/OneDarkJekyll](https://github.com/mgyongyosi/OneDarkJekyll)'s, but using Atom's [one-light-syntax](https://github.com/atom/atom/tree/master/packages/one-light-syntax) instead. We use this in [just-the-docs](https://github.com/just-the-docs/just-the-docs) as our main light theme.

It's LESS file which can be compiled to a - Pygments, Rouge compatible - stylesheet from Atom editor's One Dark syntax theme (and any theme based on it, for example One Dark Vivid, Firewatch, etc.).
## Usage

Download the stylesheet files or compile a new one from any Atom syntax theme which based on One Dark (the variable names in `colors.less` must match with One Dark's)
To generate the files as-is:

## Create a new syntax stylesheet
```
$ npm install
$ npm run build
```

1. `npm install -g less less-plugin-clean-css`
2. Clone this repository
3. Download the `colors.css` file from the syntax theme's repository (for example https://github.com/atom/one-dark-syntax/blob/master/styles/colors.less in case of One-Dark)
4. Put the previously downloaded file next to `syntax.less`
5. Run `lessc syntax.less syntax.css --clean-css`
6. Use the `syntax.css`
To generate other atom themes, replace the `colors.less` with the corresponding theme's `color.less`.

It's not final and in case you find any error/improvement feel free to create a PR. :)

## Licensing and Attribution

This is highly derivative of two MIT-licensed works:

- [mgyongyosi/OneDarkJekyll](https://github.com/mgyongyosi/OneDarkJekyll)
- [atom/atom - one-light-syntax](https://github.com/atom/atom/tree/master/packages/one-light-syntax)

We've included the license files for both in this repository.
35 changes: 18 additions & 17 deletions colors.less
Original file line number Diff line number Diff line change
@@ -1,30 +1,31 @@

// Config -----------------------------------
@syntax-hue: 220;
@syntax-saturation: 13%;
@syntax-brightness: 18%;
@syntax-hue: 230;
@syntax-saturation: 1%;
@syntax-brightness: 98%;


// Monochrome -----------------------------------
@mono-1: hsl(@syntax-hue, 14%, 71%); // default text
@mono-2: hsl(@syntax-hue, 9%, 55%);
@mono-3: hsl(@syntax-hue, 10%, 40%);
@mono-1: hsl(@syntax-hue, 8%, 24%);
@mono-2: hsl(@syntax-hue, 6%, 44%);
@mono-3: hsl(@syntax-hue, 4%, 64%);

// Colors -----------------------------------
@hue-1: hsl(187, 47%, 55%); // <-cyan
@hue-2: hsl(207, 82%, 66%); // <-blue
@hue-3: hsl(286, 60%, 67%); // <-purple
@hue-4: hsl( 95, 38%, 62%); // <-green
@hue-1: hsl(198, 99%, 37%); // <-cyan
@hue-2: hsl(221, 87%, 60%); // <-blue
@hue-3: hsl(301, 63%, 40%); // <-purple
@hue-4: hsl(119, 34%, 47%); // <-green

@hue-5: hsl(355, 65%, 65%); // <-red 1
@hue-5-2: hsl( 5, 48%, 51%); // <-red 2
@hue-5: hsl( 5, 74%, 59%); // <-red 1
@hue-5-2: hsl(344, 84%, 43%); // <-red 2

@hue-6: hsl( 29, 54%, 61%); // <-orange 1
@hue-6-2: hsl( 39, 67%, 69%); // <-orange 2
@hue-6: hsl(35, 99%, 36%); // <-orange 1
@hue-6-2: hsl(35, 99%, 40%); // <-orange 2


// Base colors -----------------------------------
@syntax-fg: @mono-1;
@syntax-bg: hsl(@syntax-hue, @syntax-saturation, @syntax-brightness);
@syntax-gutter: darken(@syntax-fg, 26%);
@syntax-guide: fade(@syntax-fg, 15%);
@syntax-accent: hsl(@syntax-hue, 100%, 66% );
@syntax-gutter: darken(@syntax-bg, 36%);
@syntax-guide: fade(@syntax-fg, 20%);
@syntax-accent: hsl(@syntax-hue, 100%, 66% );
1 change: 1 addition & 0 deletions dist/syntax.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading