├── LICENSE.md ├── src ├── styles │ ├── components │ │ ├── _list.scss │ │ ├── octicons │ │ │ ├── octicons.eot │ │ │ ├── octicons.ttf │ │ │ ├── octicons.woff │ │ │ ├── README.md │ │ │ ├── LICENSE.txt │ │ │ └── _octicons.scss │ │ ├── _segment.scss │ │ ├── _getting-started.scss │ │ ├── _tabs.scss │ │ ├── _cover.scss │ │ ├── _button.scss │ │ └── _theme.scss │ ├── trumps │ │ ├── _text.scss │ │ └── _animation.scss │ ├── theme-previews │ │ ├── github.scss │ │ ├── github-v2.scss │ │ ├── vibrant-ink.scss │ │ ├── tranquil-heart.scss │ │ ├── atelier-cave-dark.scss │ │ ├── atelier-cave-light.scss │ │ ├── atelier-dune-dark.scss │ │ ├── atelier-dune-light.scss │ │ ├── atelier-heath-dark.scss │ │ ├── atelier-forest-dark.scss │ │ ├── atelier-heath-light.scss │ │ ├── atelier-estuary-dark.scss │ │ ├── atelier-estuary-light.scss │ │ ├── atelier-forest-light.scss │ │ ├── atelier-lakeside-dark.scss │ │ ├── atelier-plateau-dark.scss │ │ ├── atelier-plateau-light.scss │ │ ├── atelier-savanna-dark.scss │ │ ├── atelier-savanna-light.scss │ │ ├── atelier-seaside-dark.scss │ │ ├── atelier-seaside-light.scss │ │ ├── atelier-lakeside-light.scss │ │ ├── tomorrow.scss │ │ ├── atelier-sulphurpool-dark.scss │ │ ├── atelier-sulphurpool-light.scss │ │ ├── tomorrow-night.scss │ │ ├── tomorrow-night-blue.scss │ │ ├── tomorrow-night-bright.scss │ │ ├── tomorrow-night-eighties.scss │ │ ├── hemisu-dark.scss │ │ └── hemisu-light.scss │ ├── base │ │ ├── _typography.scss │ │ ├── _links.scss │ │ ├── _paragraphs.scss │ │ ├── _headings.scss │ │ └── _page.scss │ ├── objects │ │ └── _container.scss │ ├── generic │ │ ├── _reboot.scss │ │ └── _normalize.css │ ├── settings │ │ ├── _colors.scss │ │ └── _variables.scss │ ├── main.scss │ └── tools │ │ └── _breakpoints.scss ├── themes │ ├── github.scss │ ├── github-v2.scss │ ├── vibrant-ink.scss │ ├── tranquil-heart.scss │ ├── atelier-cave-dark.scss │ ├── atelier-cave-light.scss │ ├── atelier-dune-dark.scss │ ├── atelier-dune-light.scss │ ├── atelier-heath-dark.scss │ ├── atelier-estuary-dark.scss │ ├── atelier-forest-dark.scss │ ├── atelier-forest-light.scss │ ├── atelier-heath-light.scss │ ├── atelier-plateau-dark.scss │ ├── atelier-savanna-dark.scss │ ├── atelier-seaside-dark.scss │ ├── atelier-estuary-light.scss │ ├── atelier-lakeside-dark.scss │ ├── atelier-lakeside-light.scss │ ├── atelier-plateau-light.scss │ ├── atelier-savanna-light.scss │ ├── atelier-seaside-light.scss │ ├── tomorrow.scss │ ├── atelier-sulphurpool-dark.scss │ ├── atelier-sulphurpool-light.scss │ ├── tomorrow-night.scss │ ├── tomorrow-night-blue.scss │ ├── tomorrow-night-bright.scss │ ├── tomorrow-night-eighties.scss │ ├── hemisu-dark.scss │ ├── hemisu-light.scss │ ├── colors │ │ ├── _hemisu-dark.scss │ │ ├── _hemisu-light.scss │ │ ├── _tomorrow.scss │ │ ├── _tomorrow-night.scss │ │ ├── _tomorrow-night-blue.scss │ │ ├── _tomorrow-night-bright.scss │ │ ├── _tomorrow-night-eighties.scss │ │ ├── _atelier-cave-dark.scss │ │ ├── _atelier-cave-light.scss │ │ ├── _atelier-dune-dark.scss │ │ ├── _atelier-dune-light.scss │ │ ├── _atelier-estuary-dark.scss │ │ ├── _atelier-estuary-light.scss │ │ ├── _atelier-forest-dark.scss │ │ ├── _atelier-heath-dark.scss │ │ ├── _atelier-heath-light.scss │ │ ├── _atelier-lakeside-dark.scss │ │ ├── _atelier-plateau-dark.scss │ │ ├── _atelier-plateau-light.scss │ │ ├── _atelier-savanna-dark.scss │ │ ├── _atelier-savanna-light.scss │ │ ├── _atelier-seaside-dark.scss │ │ ├── _atelier-seaside-light.scss │ │ ├── _atelier-lakeside-light.scss │ │ ├── _atelier-sulphurpool-dark.scss │ │ ├── _atelier-sulphurpool-light.scss │ │ ├── _github.scss │ │ ├── _vibrant-ink.scss │ │ ├── _atelier-forest-light.scss │ │ ├── _github-v2.scss │ │ ├── _tranquil-heart.scss │ │ └── _hemisu.scss │ ├── _base-tomorrow.scss │ ├── _base-hemisu.scss │ └── _base.scss ├── sitemap.xml ├── scripts │ └── scripts.js ├── index.jade └── themes.json ├── dist ├── themes.zip └── themes │ ├── github.min.css │ ├── vibrant-ink.min.css │ ├── hemisu-dark.min.css │ ├── hemisu-light.min.css │ ├── github-v2.min.css │ ├── tomorrow-night-eighties.min.css │ ├── tomorrow-night-blue.min.css │ ├── tomorrow.min.css │ ├── tomorrow-night.min.css │ ├── tranquil-heart.min.css │ ├── atelier-cave-dark.min.css │ ├── atelier-cave-light.min.css │ ├── atelier-dune-dark.min.css │ ├── atelier-dune-light.min.css │ ├── atelier-forest-dark.min.css │ ├── atelier-heath-dark.min.css │ ├── atelier-heath-light.min.css │ ├── tomorrow-night-bright.min.css │ ├── atelier-estuary-dark.min.css │ ├── atelier-estuary-light.min.css │ ├── atelier-forest-light.min.css │ ├── atelier-lakeside-dark.min.css │ ├── atelier-lakeside-light.min.css │ ├── atelier-plateau-dark.min.css │ ├── atelier-plateau-light.min.css │ ├── atelier-savanna-dark.min.css │ ├── atelier-savanna-light.min.css │ ├── atelier-seaside-dark.min.css │ ├── atelier-seaside-light.min.css │ ├── atelier-sulphurpool-dark.min.css │ ├── atelier-sulphurpool-light.min.css │ ├── vibrant-ink.css │ ├── github.css │ ├── github-v2.css │ ├── tomorrow.css │ ├── hemisu-dark.css │ ├── hemisu-light.css │ ├── atelier-cave-dark.css │ ├── atelier-cave-light.css │ ├── atelier-dune-dark.css │ ├── atelier-dune-light.css │ ├── atelier-heath-dark.css │ ├── tomorrow-night.css │ ├── tranquil-heart.css │ ├── atelier-estuary-dark.css │ ├── atelier-estuary-light.css │ ├── atelier-forest-dark.css │ ├── atelier-forest-light.css │ ├── atelier-heath-light.css │ ├── atelier-lakeside-dark.css │ ├── atelier-lakeside-light.css │ ├── atelier-plateau-dark.css │ ├── atelier-plateau-light.css │ ├── atelier-savanna-dark.css │ ├── atelier-savanna-light.css │ ├── atelier-seaside-dark.css │ ├── atelier-seaside-light.css │ ├── tomorrow-night-blue.css │ ├── tomorrow-night-bright.css │ ├── tomorrow-night-eighties.css │ ├── atelier-sulphurpool-dark.css │ └── atelier-sulphurpool-light.css ├── .gitignore ├── .travis.yml ├── deploy.sh ├── bower.json ├── README.md ├── CONTRIBUTING.md ├── package.json └── gulpfile.js /LICENSE.md: -------------------------------------------------------------------------------- 1 | [http://jmblog.mit-license.org/](http://jmblog.mit-license.org/) 2 | -------------------------------------------------------------------------------- /src/styles/components/_list.scss: -------------------------------------------------------------------------------- 1 | .list li { 2 | margin-bottom: .7em; 3 | } 4 | -------------------------------------------------------------------------------- /src/themes/github.scss: -------------------------------------------------------------------------------- 1 | @import "colors/github"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/github-v2.scss: -------------------------------------------------------------------------------- 1 | @import "colors/github-v2"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /dist/themes.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmblog/color-themes-for-google-code-prettify/HEAD/dist/themes.zip -------------------------------------------------------------------------------- /src/themes/vibrant-ink.scss: -------------------------------------------------------------------------------- 1 | @import "colors/vibrant-ink"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/tranquil-heart.scss: -------------------------------------------------------------------------------- 1 | @import "colors/tranquil-heart"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-cave-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-cave-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-cave-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-cave-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-dune-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-dune-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-dune-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-dune-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-heath-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-heath-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-estuary-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-estuary-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-forest-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-forest-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-forest-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-forest-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-heath-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-heath-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-plateau-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/_atelier-plateau-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-savanna-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/_atelier-savanna-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-seaside-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/_atelier-seaside-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-estuary-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-estuary-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-lakeside-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-lakeside-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-lakeside-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/atelier-lakeside-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-plateau-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/_atelier-plateau-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-savanna-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/_atelier-savanna-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-seaside-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/_atelier-seaside-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/tomorrow.scss: -------------------------------------------------------------------------------- 1 | @import "colors/tomorrow"; 2 | @import "base-tomorrow"; 3 | @import "base"; 4 | @include prettyprint(); 5 | -------------------------------------------------------------------------------- /src/themes/atelier-sulphurpool-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/_atelier-sulphurpool-dark"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/atelier-sulphurpool-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/_atelier-sulphurpool-light"; 2 | @import "base"; 3 | @include prettyprint(); 4 | -------------------------------------------------------------------------------- /src/themes/tomorrow-night.scss: -------------------------------------------------------------------------------- 1 | @import "colors/tomorrow-night"; 2 | @import "base-tomorrow"; 3 | @import "base"; 4 | @include prettyprint(); 5 | -------------------------------------------------------------------------------- /src/styles/trumps/_text.scss: -------------------------------------------------------------------------------- 1 | .u-text-center { 2 | text-align: center !important; 3 | } 4 | 5 | .u-text-muted { 6 | color: $base04 !important; 7 | } 8 | -------------------------------------------------------------------------------- /src/themes/tomorrow-night-blue.scss: -------------------------------------------------------------------------------- 1 | @import "colors/tomorrow-night-blue"; 2 | @import "base-tomorrow"; 3 | @import "base"; 4 | @include prettyprint(); 5 | -------------------------------------------------------------------------------- /src/themes/tomorrow-night-bright.scss: -------------------------------------------------------------------------------- 1 | @import "colors/tomorrow-night-bright"; 2 | @import "base-tomorrow"; 3 | @import "base"; 4 | @include prettyprint(); 5 | -------------------------------------------------------------------------------- /src/themes/tomorrow-night-eighties.scss: -------------------------------------------------------------------------------- 1 | @import "colors/tomorrow-night-eighties"; 2 | @import "base-tomorrow"; 3 | @import "base"; 4 | @include prettyprint(); 5 | -------------------------------------------------------------------------------- /src/styles/components/octicons/octicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmblog/color-themes-for-google-code-prettify/HEAD/src/styles/components/octicons/octicons.eot -------------------------------------------------------------------------------- /src/styles/components/octicons/octicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmblog/color-themes-for-google-code-prettify/HEAD/src/styles/components/octicons/octicons.ttf -------------------------------------------------------------------------------- /src/styles/components/octicons/octicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmblog/color-themes-for-google-code-prettify/HEAD/src/styles/components/octicons/octicons.woff -------------------------------------------------------------------------------- /src/styles/theme-previews/github.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/github"; 2 | @import "../../themes/base"; 3 | 4 | #github { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/themes/hemisu-dark.scss: -------------------------------------------------------------------------------- 1 | @import "colors/hemisu"; 2 | @import "colors/hemisu-dark"; 3 | @import "base-hemisu"; 4 | @import "base"; 5 | @include prettyprint(); 6 | -------------------------------------------------------------------------------- /src/themes/hemisu-light.scss: -------------------------------------------------------------------------------- 1 | @import "colors/hemisu"; 2 | @import "colors/hemisu-light"; 3 | @import "base-hemisu"; 4 | @import "base"; 5 | @include prettyprint(); 6 | -------------------------------------------------------------------------------- /src/styles/base/_typography.scss: -------------------------------------------------------------------------------- 1 | pre { 2 | margin: 0; 3 | } 4 | 5 | code, 6 | kbd, 7 | pre, 8 | samp { 9 | font-family: $font-family-monospace; 10 | } 11 | -------------------------------------------------------------------------------- /src/styles/theme-previews/github-v2.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/github-v2"; 2 | @import "../../themes/base"; 3 | 4 | #github-v2 { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/vibrant-ink.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/vibrant-ink"; 2 | @import "../../themes/base"; 3 | 4 | #vibrant-ink { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/tranquil-heart.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/tranquil-heart"; 2 | @import "../../themes/base"; 3 | 4 | #tranquil-heart { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/objects/_container.scss: -------------------------------------------------------------------------------- 1 | .container { 2 | display: block; 3 | width: 90%; 4 | max-width: 980px; 5 | margin: 0 auto; 6 | 7 | > * { 8 | margin-top: 0; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-cave-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-cave-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-cave-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-cave-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-cave-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-cave-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-dune-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-dune-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-dune-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-dune-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-dune-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-dune-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-heath-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-heath-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-heath-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | logs 2 | *.log 3 | npm-debug.log* 4 | node_modules 5 | .npm 6 | .DS_Store 7 | .sass-cache/ 8 | *.css.map 9 | dist/index.html 10 | dist/styles/ 11 | dist/scripts/ 12 | dist/sitemap.xml 13 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-forest-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-forest-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-forest-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-heath-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-heath-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-heath-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-estuary-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-estuary-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-estuary-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-estuary-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-estuary-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-estuary-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-forest-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-forest-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-forest-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-lakeside-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-lakeside-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-lakeside-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-plateau-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-plateau-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-plateau-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-plateau-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-plateau-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-plateau-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-savanna-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-savanna-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-savanna-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-savanna-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-savanna-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-savanna-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-seaside-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-seaside-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-seaside-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-seaside-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-seaside-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-seaside-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-lakeside-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/atelier-lakeside-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-lakeside-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/tomorrow.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/tomorrow"; 2 | @import "../../themes/base-tomorrow"; 3 | @import "../../themes/base"; 4 | 5 | #tomorrow { 6 | @include prettyprint(); 7 | } 8 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-sulphurpool-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/_atelier-sulphurpool-dark"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-sulphurpool-dark { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/base/_links.scss: -------------------------------------------------------------------------------- 1 | a { 2 | color: $color-link; 3 | text-decoration: underline; 4 | 5 | &:focus, 6 | &:hover { 7 | color: darken($color-link, 15%); 8 | text-decoration: none; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/styles/base/_paragraphs.scss: -------------------------------------------------------------------------------- 1 | p { 2 | margin: 0em 0em 1em; 3 | line-height: 1.4285em; 4 | } 5 | 6 | p:first-child { 7 | margin-top: 0em; 8 | } 9 | 10 | p:last-child { 11 | margin-bottom: 0em; 12 | } 13 | -------------------------------------------------------------------------------- /src/styles/theme-previews/atelier-sulphurpool-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/_atelier-sulphurpool-light"; 2 | @import "../../themes/base"; 3 | 4 | #atelier-sulphurpool-light { 5 | @include prettyprint(); 6 | } 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/tomorrow-night.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/tomorrow-night"; 2 | @import "../../themes/base-tomorrow"; 3 | @import "../../themes/base"; 4 | 5 | #tomorrow-night { 6 | @include prettyprint(); 7 | } 8 | -------------------------------------------------------------------------------- /src/styles/components/_segment.scss: -------------------------------------------------------------------------------- 1 | .segment { 2 | padding: 3em 0; 3 | background-color: #fff; 4 | 5 | &.-striped { 6 | background-color: $base07; 7 | } 8 | 9 | h2 { 10 | margin-bottom: 2em; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /src/styles/components/octicons/README.md: -------------------------------------------------------------------------------- 1 | If you intend to install Octicons locally, install `octicons-local.ttf`. It should appear as “github-octicons” in your font list. It is specially designed not to conflict with GitHub's web fonts. 2 | -------------------------------------------------------------------------------- /src/sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | https://jmblog.github.io/color-themes-for-google-code-prettify/ 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/styles/theme-previews/tomorrow-night-blue.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/tomorrow-night-blue"; 2 | @import "../../themes/base-tomorrow"; 3 | @import "../../themes/base"; 4 | 5 | #tomorrow-night-blue { 6 | @include prettyprint(); 7 | } 8 | -------------------------------------------------------------------------------- /src/themes/colors/_hemisu-dark.scss: -------------------------------------------------------------------------------- 1 | $background: $black; 2 | $foreground: $almostWhite; 3 | $comment: $middleDarkGrey; 4 | 5 | $accent1: $middleLightBlue; 6 | $accent2: $middleLightGreen; 7 | $accent3: $lightGreen; 8 | $accent4: $lightTan; 9 | -------------------------------------------------------------------------------- /src/themes/colors/_hemisu-light.scss: -------------------------------------------------------------------------------- 1 | $background: $white; 2 | $foreground: $almostBlack; 3 | $comment: $middleLightGrey; 4 | 5 | $accent1: $middleDarkBlue; 6 | $accent2: $middleDarkGreen; 7 | $accent3: $middleDarkPink; 8 | $accent4: $darkTan; 9 | -------------------------------------------------------------------------------- /src/styles/theme-previews/tomorrow-night-bright.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/tomorrow-night-bright"; 2 | @import "../../themes/base-tomorrow"; 3 | @import "../../themes/base"; 4 | 5 | #tomorrow-night-bright { 6 | @include prettyprint(); 7 | } 8 | -------------------------------------------------------------------------------- /src/styles/theme-previews/tomorrow-night-eighties.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/tomorrow-night-eighties"; 2 | @import "../../themes/base-tomorrow"; 3 | @import "../../themes/base"; 4 | 5 | #tomorrow-night-eighties { 6 | @include prettyprint(); 7 | } 8 | -------------------------------------------------------------------------------- /src/styles/theme-previews/hemisu-dark.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/hemisu"; 2 | @import "../../themes/colors/hemisu-dark"; 3 | @import "../../themes/base-hemisu"; 4 | @import "../../themes/base"; 5 | 6 | #hemisu-dark { 7 | @include prettyprint(); 8 | } 9 | -------------------------------------------------------------------------------- /src/styles/theme-previews/hemisu-light.scss: -------------------------------------------------------------------------------- 1 | @import "../../themes/colors/hemisu"; 2 | @import "../../themes/colors/hemisu-light"; 3 | @import "../../themes/base-hemisu"; 4 | @import "../../themes/base"; 5 | 6 | #hemisu-light { 7 | @include prettyprint(); 8 | } 9 | -------------------------------------------------------------------------------- /src/styles/base/_headings.scss: -------------------------------------------------------------------------------- 1 | h1, 2 | h2, 3 | h3, 4 | h4, 5 | h5, 6 | h6 { 7 | font-weight: 400; 8 | 9 | small { 10 | display: block; 11 | margin-top: 1em; 12 | font-size: .6em; 13 | } 14 | } 15 | 16 | h2 { 17 | font-size: 1.8rem; 18 | } 19 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 5.9.0 3 | script: npm run deploy 4 | env: 5 | global: 6 | secure: ERQ+xrt/e/NnY3N4vVoagI4BXax076Imh8ZqD5981+akZlQrITtm8bMTvh1+DA/1aYW5f87pe0GFGbnJ0Q55cBkAhNux+ggnfyitwZMRDHExK6WYdwpi+khiV9sfBJ7q9hrsAcxZdMYCcfJ+JlqctwC/hjJBlW11vSzhUneBUc4= 7 | -------------------------------------------------------------------------------- /src/themes/colors/_tomorrow.scss: -------------------------------------------------------------------------------- 1 | $background: #ffffff; 2 | $foreground: #4d4d4c; 3 | $comment: #8e908c; 4 | 5 | $red: #c82829; 6 | $orange: #f5871f; 7 | $yellow: #eab700; 8 | $green: #718c00; 9 | $aqua: #3e999f; 10 | $blue: #4271ae; 11 | $purple: #8959a8; 12 | -------------------------------------------------------------------------------- /src/themes/colors/_tomorrow-night.scss: -------------------------------------------------------------------------------- 1 | $background: #1d1f21; 2 | $foreground: #c5c8c6; 3 | $comment: #969896; 4 | 5 | $red: #cc6666; 6 | $orange: #de935f; 7 | $yellow: #f0c674; 8 | $green: #b5bd68; 9 | $aqua: #8abeb7; 10 | $blue: #81a2be; 11 | $purple: #b294bb; 12 | -------------------------------------------------------------------------------- /src/themes/colors/_tomorrow-night-blue.scss: -------------------------------------------------------------------------------- 1 | $background: #002451; 2 | $foreground: #ffffff; 3 | $comment: #7285b7; 4 | 5 | $red: #ff9da4; 6 | $orange: #ffc58f; 7 | $yellow: #ffeead; 8 | $green: #d1f1a9; 9 | $aqua: #99ffff; 10 | $blue: #bbdaff; 11 | $purple: #ebbbff; 12 | -------------------------------------------------------------------------------- /src/themes/colors/_tomorrow-night-bright.scss: -------------------------------------------------------------------------------- 1 | $background: #000000; 2 | $foreground: #eaeaea; 3 | $comment: #969896; 4 | 5 | $red: #d54e53; 6 | $orange: #e78c45; 7 | $yellow: #e7c547; 8 | $green: #b9ca4a; 9 | $aqua: #70c0b1; 10 | $blue: #7aa6da; 11 | $purple: #c397d8; 12 | -------------------------------------------------------------------------------- /src/themes/colors/_tomorrow-night-eighties.scss: -------------------------------------------------------------------------------- 1 | $background: #2d2d2d; 2 | $foreground: #cccccc; 3 | $comment: #999999; 4 | 5 | $red: #f2777a; 6 | $orange: #f99157; 7 | $yellow: #ffcc66; 8 | $green: #99cc99; 9 | $aqua: #66cccc; 10 | $blue: #6699cc; 11 | $purple: #cc99cc; 12 | -------------------------------------------------------------------------------- /src/styles/trumps/_animation.scss: -------------------------------------------------------------------------------- 1 | @keyframes fadeInUp { 2 | from { 3 | opacity: 0; 4 | transform: translateY(10%); 5 | } 6 | 7 | to { 8 | opacity: 1; 9 | transform: none; 10 | } 11 | } 12 | 13 | .fadeInUp { 14 | animation-name: fadeInUp; 15 | animation-duration: .8s; 16 | animation-fill-mode: both; 17 | } 18 | -------------------------------------------------------------------------------- /src/styles/base/_page.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-size: $font-size-root; 3 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 4 | } 5 | 6 | body { 7 | font-family: $font-family-sans-serif; 8 | font-size: $font-size-base; 9 | line-height: 1.5; 10 | color: $color-text; 11 | background-color: #fff; 12 | font-smoothing: antialiased; 13 | } 14 | -------------------------------------------------------------------------------- /deploy.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | if [ "$TRAVIS" = "true" ] 4 | then 5 | git config --global user.email "yjimbo@gmail.com" 6 | git config --global user.name "Travis CI" 7 | fi 8 | 9 | ./node_modules/.bin/gh-pages \ 10 | --silent \ 11 | --repo https://$GH_TOKEN@github.com/jmblog/color-themes-for-google-code-prettify.git \ 12 | --dist dist 13 | -------------------------------------------------------------------------------- /src/styles/components/octicons/LICENSE.txt: -------------------------------------------------------------------------------- 1 | (c) 2012-2016 GitHub 2 | 3 | When using the GitHub logos, be sure to follow the GitHub logo guidelines (https://github.com/logos) 4 | 5 | Font License: SIL OFL 1.1 (http://scripts.sil.org/OFL) 6 | Applies to all font files 7 | 8 | Code License: MIT (http://choosealicense.com/licenses/mit/) 9 | Applies to all other files 10 | -------------------------------------------------------------------------------- /src/themes/_base-tomorrow.scss: -------------------------------------------------------------------------------- 1 | $string: $green; 2 | $keyword: $purple; 3 | $type: $blue; 4 | $literal: $orange; 5 | $punctuation: $foreground; 6 | $open_bracket: $foreground; 7 | $close_bracket: $foreground; 8 | $markup_tag: $red; 9 | $markup_attr_n: $orange; 10 | $markup_attr_v: $aqua; 11 | $declaration: $orange; 12 | $function: $blue; 13 | $variable: $red; 14 | -------------------------------------------------------------------------------- /src/themes/_base-hemisu.scss: -------------------------------------------------------------------------------- 1 | $string: $accent2; 2 | $keyword: $accent2; 3 | $type: $accent3; 4 | $literal: $accent1; 5 | $punctuation: $foreground; 6 | $open_bracket: $foreground; 7 | $close_bracket: $foreground; 8 | $markup_tag: $foreground; 9 | $markup_attr_n: $accent2; 10 | $markup_attr_v: $accent3; 11 | $declaration: $foreground; 12 | $variable: $foreground; 13 | $function: $accent1; 14 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-cave-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #19171c; 2 | $foreground: #efecf4; 3 | $string: #2a9292; 4 | $keyword: #955ae7; 5 | $comment: #655f6d; 6 | $type: #576ddb; 7 | $literal: #aa573c; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #be4678; 12 | $markup_attr_n: #aa573c; 13 | $markup_attr_v: #398bc6; 14 | $declaration: #aa573c; 15 | $variable: #be4678; 16 | $function: #576ddb; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-cave-light.scss: -------------------------------------------------------------------------------- 1 | $background: #efecf4; 2 | $foreground: #19171c; 3 | $string: #2a9292; 4 | $keyword: #955ae7; 5 | $comment: #7e7887; 6 | $type: #576ddb; 7 | $literal: #aa573c; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #be4678; 12 | $markup_attr_n: #aa573c; 13 | $markup_attr_v: #398bc6; 14 | $declaration: #aa573c; 15 | $variable: #be4678; 16 | $function: #576ddb; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-dune-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #20201d; 2 | $foreground: #fefbec; 3 | $string: #60ac39; 4 | $keyword: #b854d4; 5 | $comment: #7d7a68; 6 | $type: #6684e1; 7 | $literal: #b65611; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #d73737; 12 | $markup_attr_n: #b65611; 13 | $markup_attr_v: #1fad83; 14 | $declaration: #b65611; 15 | $variable: #d73737; 16 | $function: #6684e1; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-dune-light.scss: -------------------------------------------------------------------------------- 1 | $background: #fefbec; 2 | $foreground: #20201d; 3 | $string: #60ac39; 4 | $keyword: #b854d4; 5 | $comment: #999580; 6 | $type: #6684e1; 7 | $literal: #b65611; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #d73737; 12 | $markup_attr_n: #b65611; 13 | $markup_attr_v: #1fad83; 14 | $declaration: #b65611; 15 | $variable: #d73737; 16 | $function: #6684e1; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-estuary-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #22221b; 2 | $foreground: #f4f3ec; 3 | $string: #7d9726; 4 | $keyword: #5f9182; 5 | $comment: #6c6b5a; 6 | $type: #36a166; 7 | $literal: #ae7313; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #ba6236; 12 | $markup_attr_n: #ae7313; 13 | $markup_attr_v: #5b9d48; 14 | $declaration: #ae7313; 15 | $variable: #ba6236; 16 | $function: #36a166; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-estuary-light.scss: -------------------------------------------------------------------------------- 1 | $background: #f4f3ec; 2 | $foreground: #22221b; 3 | $string: #7d9726; 4 | $keyword: #5f9182; 5 | $comment: #878573; 6 | $type: #36a166; 7 | $literal: #ae7313; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #ba6236; 12 | $markup_attr_n: #ae7313; 13 | $markup_attr_v: #5b9d48; 14 | $declaration: #ae7313; 15 | $variable: #ba6236; 16 | $function: #36a166; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-forest-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #1b1918; 2 | $foreground: #f1efee; 3 | $string: #7b9726; 4 | $keyword: #6666ea; 5 | $comment: #766e6b; 6 | $type: #407ee7; 7 | $literal: #df5320; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #f22c40; 12 | $markup_attr_n: #df5320; 13 | $markup_attr_v: #3d97b8; 14 | $declaration: #df5320; 15 | $variable: #f22c40; 16 | $function: #407ee7; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-heath-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #1b181b; 2 | $foreground: #f7f3f7; 3 | $string: #918b3b; 4 | $keyword: #7b59c0; 5 | $comment: #776977; 6 | $type: #516aec; 7 | $literal: #a65926; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #ca402b; 12 | $markup_attr_n: #a65926; 13 | $markup_attr_v: #159393; 14 | $declaration: #a65926; 15 | $variable: #ca402b; 16 | $function: #516aec; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-heath-light.scss: -------------------------------------------------------------------------------- 1 | $background: #f7f3f7; 2 | $foreground: #1b181b; 3 | $string: #918b3b; 4 | $keyword: #7b59c0; 5 | $comment: #5a7b8c; 6 | $type: #516aec; 7 | $literal: #a65926; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #ca402b; 12 | $markup_attr_n: #a65926; 13 | $markup_attr_v: #159393; 14 | $declaration: #a65926; 15 | $variable: #ca402b; 16 | $function: #516aec; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-lakeside-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #161b1d; 2 | $foreground: #ebf8ff; 3 | $string: #568c3b; 4 | $keyword: #6b6bb8; 5 | $comment: #5a7b8c; 6 | $type: #257fad; 7 | $literal: #935c25; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #d22d72; 12 | $markup_attr_n: #935c25; 13 | $markup_attr_v: #2d8f6f; 14 | $declaration: #935c25; 15 | $variable: #d22d72; 16 | $function: #257fad; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-plateau-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #1b1818; 2 | $foreground: #f4ecec; 3 | $string: #4b8b8b; 4 | $keyword: #8464c4; 5 | $comment: #655d5d; 6 | $type: #7272ca; 7 | $literal: #b45a3c; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #ca4949; 12 | $markup_attr_n: #b45a3c; 13 | $markup_attr_v: #5485b6; 14 | $declaration: #b45a3c; 15 | $variable: #ca4949; 16 | $function: #7272ca; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-plateau-light.scss: -------------------------------------------------------------------------------- 1 | $background: #f4ecec; 2 | $foreground: #1b1818; 3 | $string: #4b8b8b; 4 | $keyword: #8464c4; 5 | $comment: #7e7777; 6 | $type: #7272ca; 7 | $literal: #b45a3c; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #ca4949; 12 | $markup_attr_n: #b45a3c; 13 | $markup_attr_v: #5485b6; 14 | $declaration: #b45a3c; 15 | $variable: #ca4949; 16 | $function: #7272ca; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-savanna-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #171c19; 2 | $foreground: #ecf4ee; 3 | $string: #489963; 4 | $keyword: #55859b; 5 | $comment: #5f6d64; 6 | $type: #478c90; 7 | $literal: #9f713c; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #b16139; 12 | $markup_attr_n: #9f713c; 13 | $markup_attr_v: #1c9aa0; 14 | $declaration: #9f713c; 15 | $variable: #b16139; 16 | $function: #478c90; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-savanna-light.scss: -------------------------------------------------------------------------------- 1 | $background: #ecf4ee; 2 | $foreground: #171c19; 3 | $string: #489963; 4 | $keyword: #55859b; 5 | $comment: #78877d; 6 | $type: #478c90; 7 | $literal: #9f713c; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #b16139; 12 | $markup_attr_n: #9f713c; 13 | $markup_attr_v: #1c9aa0; 14 | $declaration: #9f713c; 15 | $variable: #b16139; 16 | $function: #478c90; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-seaside-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #131513; 2 | $foreground: #f4fbf4; 3 | $string: #29a329; 4 | $keyword: #ad2bee; 5 | $comment: #687d68; 6 | $type: #3d62f5; 7 | $literal: #87711d; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #e6193c; 12 | $markup_attr_n: #87711d; 13 | $markup_attr_v: #1999b3; 14 | $declaration: #87711d; 15 | $variable: #e6193c; 16 | $function: #3d62f5; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-seaside-light.scss: -------------------------------------------------------------------------------- 1 | $background: #f4fbf4; 2 | $foreground: #131513; 3 | $string: #29a329; 4 | $keyword: #ad2bee; 5 | $comment: #809980; 6 | $type: #3d62f5; 7 | $literal: #87711d; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #e6193c; 12 | $markup_attr_n: #87711d; 13 | $markup_attr_v: #1999b3; 14 | $declaration: #87711d; 15 | $variable: #e6193c; 16 | $function: #3d62f5; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-lakeside-light.scss: -------------------------------------------------------------------------------- 1 | $background: #ebf8ff; 2 | $foreground: #161b1d; 3 | $string: #568c3b; 4 | $keyword: #6b6bb8; 5 | $comment: #7195a8; 6 | $type: #257fad; 7 | $literal: #935c25; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #d22d72; 12 | $markup_attr_n: #935c25; 13 | $markup_attr_v: #2d8f6f; 14 | $declaration: #935c25; 15 | $variable: #d22d72; 16 | $function: #257fad; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-sulphurpool-dark.scss: -------------------------------------------------------------------------------- 1 | $background: #202746; 2 | $foreground: #f5f7ff; 3 | $string: #ac9739; 4 | $keyword: #6679cc; 5 | $comment: #6b7394; 6 | $type: #3d8fd1; 7 | $literal: #c76b29; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #c94922; 12 | $markup_attr_n: #c76b29; 13 | $markup_attr_v: #22a2c9; 14 | $declaration: #c76b29; 15 | $variable: #c94922; 16 | $function: #3d8fd1; 17 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-sulphurpool-light.scss: -------------------------------------------------------------------------------- 1 | $background: #f5f7ff; 2 | $foreground: #202746; 3 | $string: #ac9739; 4 | $keyword: #6679cc; 5 | $comment: #202746; 6 | $type: #3d8fd1; 7 | $literal: #c76b29; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #c94922; 12 | $markup_attr_n: #c76b29; 13 | $markup_attr_v: #22a2c9; 14 | $declaration: #c76b29; 15 | $variable: #c94922; 16 | $function: #3d8fd1; 17 | -------------------------------------------------------------------------------- /src/styles/components/_getting-started.scss: -------------------------------------------------------------------------------- 1 | .getting-started { 2 | code { 3 | display: inline-block; 4 | width: 100%; 5 | text-align: left; 6 | background-color: $base06; 7 | padding: 1em 1.5em; 8 | border-radius: 3px; 9 | 10 | @include media-breakpoint-up(sm) { 11 | & { 12 | width: 36em; 13 | } 14 | } 15 | 16 | &.-shell { 17 | &:before { 18 | content: '$'; 19 | margin-right: 1em; 20 | color: $base04; 21 | } 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/themes/colors/_github.scss: -------------------------------------------------------------------------------- 1 | $background: #fff; 2 | $foreground: #333; 3 | $string: #d14; 4 | $keyword: $foreground; 5 | $comment: #998; 6 | $type: #458; 7 | $literal: #458; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #000080; 12 | $markup_attr_n: #008080; 13 | $markup_attr_v: #d14; 14 | $declaration: $foreground; 15 | $variable: #008080; 16 | $function: #900; 17 | $linenums: lighten($foreground, 60%); 18 | -------------------------------------------------------------------------------- /src/themes/colors/_vibrant-ink.scss: -------------------------------------------------------------------------------- 1 | $background: #000; 2 | $foreground: #fff; 3 | $string: #6f0; 4 | $keyword: #f60; 5 | $comment: #93c; 6 | $type: #458; 7 | $literal: #458; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: $foreground; 12 | $markup_attr_n: #9c9; 13 | $markup_attr_v: #6f0; 14 | $declaration: $foreground; 15 | $variable: $foreground; 16 | $function: #fc0; 17 | $linenums: darken($foreground, 60%); 18 | -------------------------------------------------------------------------------- /src/styles/generic/_reboot.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Reset the box-sizing 3 | // 4 | 5 | html { 6 | box-sizing: border-box; 7 | } 8 | 9 | *, 10 | *::before, 11 | *::after { 12 | box-sizing: inherit; 13 | } 14 | 15 | 16 | // 17 | // Make viewport responsive 18 | // 19 | 20 | @at-root { 21 | @-moz-viewport { width: device-width; } 22 | @-ms-viewport { width: device-width; } 23 | @-o-viewport { width: device-width; } 24 | @-webkit-viewport { width: device-width; } 25 | @viewport { width: device-width; } 26 | } 27 | -------------------------------------------------------------------------------- /src/themes/colors/_atelier-forest-light.scss: -------------------------------------------------------------------------------- 1 | $background: #f1efee; 2 | $foreground: #1b1918; 3 | $string: #7b9726; 4 | $keyword: #6666ea; 5 | $comment: #9c9491; 6 | $type: #407ee7; 7 | $literal: #df5320; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #f22c40; 12 | $markup_attr_n: #df5320; 13 | $markup_attr_v: #3d97b8; 14 | $declaration: #df5320; 15 | $variable: #f22c40; 16 | $function: #407ee7; 17 | $linenums: $comment; 18 | -------------------------------------------------------------------------------- /src/themes/colors/_github-v2.scss: -------------------------------------------------------------------------------- 1 | $background: #fff; 2 | $foreground: #333; 3 | $string: #183691; 4 | $keyword: #a71d5d; 5 | $comment: #969896; 6 | $type: #0086b3; 7 | $literal: #0086b3; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #000080; 12 | $markup_attr_n: #795da3; 13 | $markup_attr_v: #183691; 14 | $declaration: $foreground; 15 | $variable: #008080; 16 | $function: #900; 17 | $linenums: lighten($foreground, 60%); 18 | -------------------------------------------------------------------------------- /src/themes/colors/_tranquil-heart.scss: -------------------------------------------------------------------------------- 1 | $background: #2f3640; 2 | $foreground: #e6e9ed; 3 | $string: #ffce54; 4 | $keyword: #4fc1e9; 5 | $comment: #656d78; 6 | $type: #4fc1e9; 7 | $literal: #ac92ec; 8 | $punctuation: $foreground; 9 | $open_bracket: $foreground; 10 | $close_bracket: $foreground; 11 | $markup_tag: #ed5565; 12 | $markup_attr_n: #a0d468; 13 | $markup_attr_v: #ffce54; 14 | $declaration: #ac92ec; 15 | $variable: $foreground; 16 | $function: $foreground; 17 | $linenums: #656d78; 18 | -------------------------------------------------------------------------------- /src/styles/settings/_colors.scss: -------------------------------------------------------------------------------- 1 | // Base16 color schemes 2 | // https://github.com/chriskempson/base16 3 | $base00: #181818; 4 | $base01: #282828; 5 | $base02: #383838; 6 | $base03: #585858; 7 | $base04: #b8b8b8; 8 | $base05: #d8d8d8; 9 | $base06: #e8e8e8; 10 | $base07: #f8f8f8; 11 | $base08: #ab4642; 12 | $base09: #dc9656; 13 | $base0a: #f7ca88; 14 | $base0b: #a1b56c; 15 | $base0c: #86c1b9; 16 | $base0d: #7cafc2; 17 | $base0e: #ba8baf; 18 | $base0f: #a16946; 19 | 20 | $color-magnetic-blue: #26a7c3; 21 | 22 | $color-text: $base00; 23 | $color-border: $base07; 24 | $color-link: $color-magnetic-blue; 25 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "color-themes-for-google-code-prettify", 3 | "description": "The selection of beautiful color themes for Google Code Prettify.", 4 | "main": "", 5 | "authors": [ 6 | "Yoshihide Jimbo" 7 | ], 8 | "license": "MIT", 9 | "keywords": [ 10 | "google", 11 | "code", 12 | "prettify", 13 | "highlight", 14 | "syntax", 15 | "highlight", 16 | "themes" 17 | ], 18 | "homepage": "https://github.com/jmblog/color-themes-for-google-code-prettify", 19 | "ignore": [ 20 | "**/.*", 21 | "node_modules", 22 | "bower_components", 23 | "test", 24 | "tests" 25 | ] 26 | } 27 | -------------------------------------------------------------------------------- /dist/themes/github.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#fff;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#333}ol.linenums{margin-top:0;margin-bottom:0;color:#ccc}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal}@media screen{.str{color:#d14}.kwd{color:#333}.com{color:#998}.typ{color:#458}.lit{color:#458}.pun{color:#333}.opn{color:#333}.clo{color:#333}.tag{color:navy}.atn{color:teal}.atv{color:#d14}.dec{color:#333}.var{color:teal}.fun{color:#900}} -------------------------------------------------------------------------------- /dist/themes/vibrant-ink.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#000;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#fff}ol.linenums{margin-top:0;margin-bottom:0;color:#666}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#000;list-style-type:decimal}@media screen{.str{color:#6f0}.kwd{color:#f60}.com{color:#93c}.typ{color:#458}.lit{color:#458}.pun{color:#fff}.opn{color:#fff}.clo{color:#fff}.tag{color:#fff}.atn{color:#9c9}.atv{color:#6f0}.dec{color:#fff}.var{color:#fff}.fun{color:#fc0}} -------------------------------------------------------------------------------- /dist/themes/hemisu-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#000;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#eee}ol.linenums{margin-top:0;margin-bottom:0;color:#777}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#000;list-style-type:decimal}@media screen{.str{color:#b1d631}.kwd{color:#b1d631}.com{color:#777}.typ{color:#bfa}.lit{color:#9fd3e6}.pun{color:#eee}.opn{color:#eee}.clo{color:#eee}.tag{color:#eee}.atn{color:#b1d631}.atv{color:#bfa}.dec{color:#eee}.var{color:#eee}.fun{color:#9fd3e6}} -------------------------------------------------------------------------------- /dist/themes/hemisu-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#fff;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#111}ol.linenums{margin-top:0;margin-bottom:0;color:#999}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal}@media screen{.str{color:#739200}.kwd{color:#739200}.com{color:#999}.typ{color:#f05}.lit{color:#538192}.pun{color:#111}.opn{color:#111}.clo{color:#111}.tag{color:#111}.atn{color:#739200}.atv{color:#f05}.dec{color:#111}.var{color:#111}.fun{color:#538192}} -------------------------------------------------------------------------------- /dist/themes/github-v2.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#fff;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#333}ol.linenums{margin-top:0;margin-bottom:0;color:#ccc}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal}@media screen{.str{color:#183691}.kwd{color:#a71d5d}.com{color:#969896}.typ{color:#0086b3}.lit{color:#0086b3}.pun{color:#333}.opn{color:#333}.clo{color:#333}.tag{color:navy}.atn{color:#795da3}.atv{color:#183691}.dec{color:#333}.var{color:teal}.fun{color:#900}} -------------------------------------------------------------------------------- /dist/themes/tomorrow-night-eighties.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#2d2d2d;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#ccc}ol.linenums{margin-top:0;margin-bottom:0;color:#999}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#2d2d2d;list-style-type:decimal}@media screen{.str{color:#9c9}.kwd{color:#c9c}.com{color:#999}.typ{color:#69c}.lit{color:#f99157}.pun{color:#ccc}.opn{color:#ccc}.clo{color:#ccc}.tag{color:#f2777a}.atn{color:#f99157}.atv{color:#6cc}.dec{color:#f99157}.var{color:#f2777a}.fun{color:#69c}} -------------------------------------------------------------------------------- /dist/themes/tomorrow-night-blue.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#002451;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#fff}ol.linenums{margin-top:0;margin-bottom:0;color:#7285b7}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#002451;list-style-type:decimal}@media screen{.str{color:#d1f1a9}.kwd{color:#ebbbff}.com{color:#7285b7}.typ{color:#bbdaff}.lit{color:#ffc58f}.pun{color:#fff}.opn{color:#fff}.clo{color:#fff}.tag{color:#ff9da4}.atn{color:#ffc58f}.atv{color:#9ff}.dec{color:#ffc58f}.var{color:#ff9da4}.fun{color:#bbdaff}} -------------------------------------------------------------------------------- /dist/themes/tomorrow.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#fff;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#4d4d4c}ol.linenums{margin-top:0;margin-bottom:0;color:#8e908c}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal}@media screen{.str{color:#718c00}.kwd{color:#8959a8}.com{color:#8e908c}.typ{color:#4271ae}.lit{color:#f5871f}.pun{color:#4d4d4c}.opn{color:#4d4d4c}.clo{color:#4d4d4c}.tag{color:#c82829}.atn{color:#f5871f}.atv{color:#3e999f}.dec{color:#f5871f}.var{color:#c82829}.fun{color:#4271ae}} -------------------------------------------------------------------------------- /src/themes/colors/_hemisu.scss: -------------------------------------------------------------------------------- 1 | $black: #000000; 2 | $white: #FFFFFF; 3 | $almostWhite: #EEEEEE; 4 | $almostBlack: #111111; 5 | $middleDarkGrey: #777777; 6 | $middleLightGrey: #999999; 7 | $lightGrey: #BBBBBB; 8 | $darkGrey: #444444; 9 | 10 | $darkPink: #63001C; 11 | $middleDarkPink: #FF0055; 12 | $middleLightPink: #D65E76; 13 | $lightPink: #FFAFAF; 14 | 15 | $darkBlue: #005F87; 16 | $middleDarkBlue: #538192; 17 | $middleLightBlue: #9FD3E6; 18 | $lightBlue: #CBE4EE; 19 | 20 | $darkGreen: #5F5F00; 21 | $middleDarkGreen: #739200; 22 | $middleLightGreen:#B1D631; 23 | $lightGreen: #BBFFAA; 24 | 25 | $darkTan: #503D15; 26 | $lightTan: #ECE1C8; 27 | -------------------------------------------------------------------------------- /dist/themes/tomorrow-night.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#1d1f21;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#c5c8c6}ol.linenums{margin-top:0;margin-bottom:0;color:#969896}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#1d1f21;list-style-type:decimal}@media screen{.str{color:#b5bd68}.kwd{color:#b294bb}.com{color:#969896}.typ{color:#81a2be}.lit{color:#de935f}.pun{color:#c5c8c6}.opn{color:#c5c8c6}.clo{color:#c5c8c6}.tag{color:#c66}.atn{color:#de935f}.atv{color:#8abeb7}.dec{color:#de935f}.var{color:#c66}.fun{color:#81a2be}} -------------------------------------------------------------------------------- /dist/themes/tranquil-heart.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#2f3640;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#e6e9ed}ol.linenums{margin-top:0;margin-bottom:0;color:#656d78}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#2f3640;list-style-type:decimal}@media screen{.str{color:#ffce54}.kwd{color:#4fc1e9}.com{color:#656d78}.typ{color:#4fc1e9}.lit{color:#ac92ec}.pun{color:#e6e9ed}.opn{color:#e6e9ed}.clo{color:#e6e9ed}.tag{color:#ed5565}.atn{color:#a0d468}.atv{color:#ffce54}.dec{color:#ac92ec}.var{color:#e6e9ed}.fun{color:#e6e9ed}} -------------------------------------------------------------------------------- /src/styles/settings/_variables.scss: -------------------------------------------------------------------------------- 1 | $font-size-root: 16px; 2 | $font-size-base: 1rem; 3 | $font-family-sans-serif: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 4 | $font-family-monospace: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace; 5 | 6 | $octicons-font-path: 'octicons/'; 7 | 8 | $link-transition-duration: .1s; 9 | $link-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); 10 | 11 | $grid-breakpoints: ( 12 | // Extra small screen / phone 13 | xs: 0, 14 | // Small screen / phone 15 | sm: 34em, 16 | // Medium screen / tablet 17 | md: 48em, 18 | // Large screen / desktop 19 | lg: 62em, 20 | // Extra large screen / wide desktop 21 | xl: 75em 22 | ) !default; 23 | -------------------------------------------------------------------------------- /dist/themes/atelier-cave-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#19171c;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#efecf4}ol.linenums{margin-top:0;margin-bottom:0;color:#655f6d}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#19171c;list-style-type:decimal}@media screen{.str{color:#2a9292}.kwd{color:#955ae7}.com{color:#655f6d}.typ{color:#576ddb}.lit{color:#aa573c}.pun{color:#efecf4}.opn{color:#efecf4}.clo{color:#efecf4}.tag{color:#be4678}.atn{color:#aa573c}.atv{color:#398bc6}.dec{color:#aa573c}.var{color:#be4678}.fun{color:#576ddb}} -------------------------------------------------------------------------------- /dist/themes/atelier-cave-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#efecf4;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#19171c}ol.linenums{margin-top:0;margin-bottom:0;color:#7e7887}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#efecf4;list-style-type:decimal}@media screen{.str{color:#2a9292}.kwd{color:#955ae7}.com{color:#7e7887}.typ{color:#576ddb}.lit{color:#aa573c}.pun{color:#19171c}.opn{color:#19171c}.clo{color:#19171c}.tag{color:#be4678}.atn{color:#aa573c}.atv{color:#398bc6}.dec{color:#aa573c}.var{color:#be4678}.fun{color:#576ddb}} -------------------------------------------------------------------------------- /dist/themes/atelier-dune-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#20201d;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#fefbec}ol.linenums{margin-top:0;margin-bottom:0;color:#7d7a68}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#20201d;list-style-type:decimal}@media screen{.str{color:#60ac39}.kwd{color:#b854d4}.com{color:#7d7a68}.typ{color:#6684e1}.lit{color:#b65611}.pun{color:#fefbec}.opn{color:#fefbec}.clo{color:#fefbec}.tag{color:#d73737}.atn{color:#b65611}.atv{color:#1fad83}.dec{color:#b65611}.var{color:#d73737}.fun{color:#6684e1}} -------------------------------------------------------------------------------- /dist/themes/atelier-dune-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#fefbec;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#20201d}ol.linenums{margin-top:0;margin-bottom:0;color:#999580}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fefbec;list-style-type:decimal}@media screen{.str{color:#60ac39}.kwd{color:#b854d4}.com{color:#999580}.typ{color:#6684e1}.lit{color:#b65611}.pun{color:#20201d}.opn{color:#20201d}.clo{color:#20201d}.tag{color:#d73737}.atn{color:#b65611}.atv{color:#1fad83}.dec{color:#b65611}.var{color:#d73737}.fun{color:#6684e1}} -------------------------------------------------------------------------------- /dist/themes/atelier-forest-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#1b1918;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#f1efee}ol.linenums{margin-top:0;margin-bottom:0;color:#766e6b}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#1b1918;list-style-type:decimal}@media screen{.str{color:#7b9726}.kwd{color:#6666ea}.com{color:#766e6b}.typ{color:#407ee7}.lit{color:#df5320}.pun{color:#f1efee}.opn{color:#f1efee}.clo{color:#f1efee}.tag{color:#f22c40}.atn{color:#df5320}.atv{color:#3d97b8}.dec{color:#df5320}.var{color:#f22c40}.fun{color:#407ee7}} -------------------------------------------------------------------------------- /dist/themes/atelier-heath-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#1b181b;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#f7f3f7}ol.linenums{margin-top:0;margin-bottom:0;color:#776977}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#1b181b;list-style-type:decimal}@media screen{.str{color:#918b3b}.kwd{color:#7b59c0}.com{color:#776977}.typ{color:#516aec}.lit{color:#a65926}.pun{color:#f7f3f7}.opn{color:#f7f3f7}.clo{color:#f7f3f7}.tag{color:#ca402b}.atn{color:#a65926}.atv{color:#159393}.dec{color:#a65926}.var{color:#ca402b}.fun{color:#516aec}} -------------------------------------------------------------------------------- /dist/themes/atelier-heath-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#f7f3f7;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#1b181b}ol.linenums{margin-top:0;margin-bottom:0;color:#5a7b8c}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#f7f3f7;list-style-type:decimal}@media screen{.str{color:#918b3b}.kwd{color:#7b59c0}.com{color:#5a7b8c}.typ{color:#516aec}.lit{color:#a65926}.pun{color:#1b181b}.opn{color:#1b181b}.clo{color:#1b181b}.tag{color:#ca402b}.atn{color:#a65926}.atv{color:#159393}.dec{color:#a65926}.var{color:#ca402b}.fun{color:#516aec}} -------------------------------------------------------------------------------- /dist/themes/tomorrow-night-bright.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#000;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#eaeaea}ol.linenums{margin-top:0;margin-bottom:0;color:#969896}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#000;list-style-type:decimal}@media screen{.str{color:#b9ca4a}.kwd{color:#c397d8}.com{color:#969896}.typ{color:#7aa6da}.lit{color:#e78c45}.pun{color:#eaeaea}.opn{color:#eaeaea}.clo{color:#eaeaea}.tag{color:#d54e53}.atn{color:#e78c45}.atv{color:#70c0b1}.dec{color:#e78c45}.var{color:#d54e53}.fun{color:#7aa6da}} -------------------------------------------------------------------------------- /dist/themes/atelier-estuary-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#22221b;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#f4f3ec}ol.linenums{margin-top:0;margin-bottom:0;color:#6c6b5a}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#22221b;list-style-type:decimal}@media screen{.str{color:#7d9726}.kwd{color:#5f9182}.com{color:#6c6b5a}.typ{color:#36a166}.lit{color:#ae7313}.pun{color:#f4f3ec}.opn{color:#f4f3ec}.clo{color:#f4f3ec}.tag{color:#ba6236}.atn{color:#ae7313}.atv{color:#5b9d48}.dec{color:#ae7313}.var{color:#ba6236}.fun{color:#36a166}} -------------------------------------------------------------------------------- /dist/themes/atelier-estuary-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#f4f3ec;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#22221b}ol.linenums{margin-top:0;margin-bottom:0;color:#878573}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#f4f3ec;list-style-type:decimal}@media screen{.str{color:#7d9726}.kwd{color:#5f9182}.com{color:#878573}.typ{color:#36a166}.lit{color:#ae7313}.pun{color:#22221b}.opn{color:#22221b}.clo{color:#22221b}.tag{color:#ba6236}.atn{color:#ae7313}.atv{color:#5b9d48}.dec{color:#ae7313}.var{color:#ba6236}.fun{color:#36a166}} -------------------------------------------------------------------------------- /dist/themes/atelier-forest-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#f1efee;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#1b1918}ol.linenums{margin-top:0;margin-bottom:0;color:#9c9491}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#f1efee;list-style-type:decimal}@media screen{.str{color:#7b9726}.kwd{color:#6666ea}.com{color:#9c9491}.typ{color:#407ee7}.lit{color:#df5320}.pun{color:#1b1918}.opn{color:#1b1918}.clo{color:#1b1918}.tag{color:#f22c40}.atn{color:#df5320}.atv{color:#3d97b8}.dec{color:#df5320}.var{color:#f22c40}.fun{color:#407ee7}} -------------------------------------------------------------------------------- /dist/themes/atelier-lakeside-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#161b1d;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#ebf8ff}ol.linenums{margin-top:0;margin-bottom:0;color:#5a7b8c}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#161b1d;list-style-type:decimal}@media screen{.str{color:#568c3b}.kwd{color:#6b6bb8}.com{color:#5a7b8c}.typ{color:#257fad}.lit{color:#935c25}.pun{color:#ebf8ff}.opn{color:#ebf8ff}.clo{color:#ebf8ff}.tag{color:#d22d72}.atn{color:#935c25}.atv{color:#2d8f6f}.dec{color:#935c25}.var{color:#d22d72}.fun{color:#257fad}} -------------------------------------------------------------------------------- /dist/themes/atelier-lakeside-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#ebf8ff;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#161b1d}ol.linenums{margin-top:0;margin-bottom:0;color:#7195a8}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#ebf8ff;list-style-type:decimal}@media screen{.str{color:#568c3b}.kwd{color:#6b6bb8}.com{color:#7195a8}.typ{color:#257fad}.lit{color:#935c25}.pun{color:#161b1d}.opn{color:#161b1d}.clo{color:#161b1d}.tag{color:#d22d72}.atn{color:#935c25}.atv{color:#2d8f6f}.dec{color:#935c25}.var{color:#d22d72}.fun{color:#257fad}} -------------------------------------------------------------------------------- /dist/themes/atelier-plateau-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#1b1818;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#f4ecec}ol.linenums{margin-top:0;margin-bottom:0;color:#655d5d}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#1b1818;list-style-type:decimal}@media screen{.str{color:#4b8b8b}.kwd{color:#8464c4}.com{color:#655d5d}.typ{color:#7272ca}.lit{color:#b45a3c}.pun{color:#f4ecec}.opn{color:#f4ecec}.clo{color:#f4ecec}.tag{color:#ca4949}.atn{color:#b45a3c}.atv{color:#5485b6}.dec{color:#b45a3c}.var{color:#ca4949}.fun{color:#7272ca}} -------------------------------------------------------------------------------- /dist/themes/atelier-plateau-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#f4ecec;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#1b1818}ol.linenums{margin-top:0;margin-bottom:0;color:#7e7777}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#f4ecec;list-style-type:decimal}@media screen{.str{color:#4b8b8b}.kwd{color:#8464c4}.com{color:#7e7777}.typ{color:#7272ca}.lit{color:#b45a3c}.pun{color:#1b1818}.opn{color:#1b1818}.clo{color:#1b1818}.tag{color:#ca4949}.atn{color:#b45a3c}.atv{color:#5485b6}.dec{color:#b45a3c}.var{color:#ca4949}.fun{color:#7272ca}} -------------------------------------------------------------------------------- /dist/themes/atelier-savanna-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#171c19;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#ecf4ee}ol.linenums{margin-top:0;margin-bottom:0;color:#5f6d64}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#171c19;list-style-type:decimal}@media screen{.str{color:#489963}.kwd{color:#55859b}.com{color:#5f6d64}.typ{color:#478c90}.lit{color:#9f713c}.pun{color:#ecf4ee}.opn{color:#ecf4ee}.clo{color:#ecf4ee}.tag{color:#b16139}.atn{color:#9f713c}.atv{color:#1c9aa0}.dec{color:#9f713c}.var{color:#b16139}.fun{color:#478c90}} -------------------------------------------------------------------------------- /dist/themes/atelier-savanna-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#ecf4ee;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#171c19}ol.linenums{margin-top:0;margin-bottom:0;color:#78877d}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#ecf4ee;list-style-type:decimal}@media screen{.str{color:#489963}.kwd{color:#55859b}.com{color:#78877d}.typ{color:#478c90}.lit{color:#9f713c}.pun{color:#171c19}.opn{color:#171c19}.clo{color:#171c19}.tag{color:#b16139}.atn{color:#9f713c}.atv{color:#1c9aa0}.dec{color:#9f713c}.var{color:#b16139}.fun{color:#478c90}} -------------------------------------------------------------------------------- /dist/themes/atelier-seaside-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#131513;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#f4fbf4}ol.linenums{margin-top:0;margin-bottom:0;color:#687d68}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#131513;list-style-type:decimal}@media screen{.str{color:#29a329}.kwd{color:#ad2bee}.com{color:#687d68}.typ{color:#3d62f5}.lit{color:#87711d}.pun{color:#f4fbf4}.opn{color:#f4fbf4}.clo{color:#f4fbf4}.tag{color:#e6193c}.atn{color:#87711d}.atv{color:#1999b3}.dec{color:#87711d}.var{color:#e6193c}.fun{color:#3d62f5}} -------------------------------------------------------------------------------- /dist/themes/atelier-seaside-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#f4fbf4;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#131513}ol.linenums{margin-top:0;margin-bottom:0;color:#809980}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#f4fbf4;list-style-type:decimal}@media screen{.str{color:#29a329}.kwd{color:#ad2bee}.com{color:#809980}.typ{color:#3d62f5}.lit{color:#87711d}.pun{color:#131513}.opn{color:#131513}.clo{color:#131513}.tag{color:#e6193c}.atn{color:#87711d}.atv{color:#1999b3}.dec{color:#87711d}.var{color:#e6193c}.fun{color:#3d62f5}} -------------------------------------------------------------------------------- /dist/themes/atelier-sulphurpool-dark.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#202746;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#f5f7ff}ol.linenums{margin-top:0;margin-bottom:0;color:#6b7394}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#202746;list-style-type:decimal}@media screen{.str{color:#ac9739}.kwd{color:#6679cc}.com{color:#6b7394}.typ{color:#3d8fd1}.lit{color:#c76b29}.pun{color:#f5f7ff}.opn{color:#f5f7ff}.clo{color:#f5f7ff}.tag{color:#c94922}.atn{color:#c76b29}.atv{color:#22a2c9}.dec{color:#c76b29}.var{color:#c94922}.fun{color:#3d8fd1}} -------------------------------------------------------------------------------- /dist/themes/atelier-sulphurpool-light.min.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint{background:#f5f7ff;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#202746}ol.linenums{margin-top:0;margin-bottom:0;color:#202746}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#f5f7ff;list-style-type:decimal}@media screen{.str{color:#ac9739}.kwd{color:#6679cc}.com{color:#202746}.typ{color:#3d8fd1}.lit{color:#c76b29}.pun{color:#202746}.opn{color:#202746}.clo{color:#202746}.tag{color:#c94922}.atn{color:#c76b29}.atv{color:#22a2c9}.dec{color:#c76b29}.var{color:#c94922}.fun{color:#3d8fd1}} -------------------------------------------------------------------------------- /src/styles/main.scss: -------------------------------------------------------------------------------- 1 | 2 | 3 | // Settings: Global variables, config swithces 4 | // -------------------------------------------------- 5 | @import "settings/**/*.scss"; 6 | 7 | // Tools: Default mixins and functions 8 | // -------------------------------------------------- 9 | @import "tools/**/*.scss"; 10 | 11 | // Generic: Ground-zero styles (normalize, reset, box-sizing) 12 | // -------------------------------------------------- 13 | @import "generic/normalize"; 14 | @import "generic/reboot"; 15 | 16 | // Base: Unclassed HTML elements (type selectors) 17 | // -------------------------------------------------- 18 | @import "base/**/*.scss"; 19 | 20 | // Objects: Cosmetic-free design patterns 21 | // -------------------------------------------------- 22 | @import "objects/**/*.scss"; 23 | 24 | // Components: Desinged components, chunks of UI 25 | // -------------------------------------------------- 26 | @import "components/**/*.scss"; 27 | 28 | // Trumps: Helpers and overrides 29 | // -------------------------------------------------- 30 | @import "trumps/**/*.scss"; 31 | -------------------------------------------------------------------------------- /src/styles/components/_tabs.scss: -------------------------------------------------------------------------------- 1 | .tabs { 2 | display: none; 3 | 4 | @include media-breakpoint-up(sm) { 5 | & { 6 | display: inline-block; 7 | margin-bottom: 3em; 8 | 9 | .tab:first-child { 10 | border-top-left-radius: .3rem; 11 | border-bottom-left-radius: .3rem; 12 | margin-left: 0; 13 | } 14 | 15 | .tab:last-child { 16 | border-top-right-radius: .3rem; 17 | border-bottom-right-radius: .3rem; 18 | } 19 | 20 | .tab { 21 | display: inline-block; 22 | padding: .5em 2em; 23 | text-decoration: none; 24 | color: $color-magnetic-blue; 25 | background-color: #fff; 26 | box-shadow: 0 0 0 2px $color-magnetic-blue inset !important; 27 | margin-left: -2px; 28 | 29 | &:hover { 30 | color: #fff; 31 | background-color: lighten($color-magnetic-blue, 10%); 32 | } 33 | 34 | &.-selected { 35 | color: #fff; 36 | background-color: $color-magnetic-blue; 37 | } 38 | } 39 | } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /src/styles/components/_cover.scss: -------------------------------------------------------------------------------- 1 | .cover { 2 | text-align: center; 3 | background-color: $base07; 4 | padding-top: 15vh; 5 | padding-bottom: 15vh; 6 | 7 | &__title { 8 | display: inline-block; 9 | border: 7px solid $base00; 10 | padding: 1rem 2rem; 11 | font-size: 2.4rem; 12 | font-family: "Fjalla One", $font-family-sans-serif; 13 | text-transform: uppercase; 14 | letter-spacing: 3px; 15 | line-height: 1.5; 16 | 17 | @include media-breakpoint-up(lg) { 18 | & { 19 | font-size: 3.4rem; 20 | line-height: 1.7; 21 | } 22 | } 23 | 24 | .preposition { 25 | display: block; 26 | font-size: 1.4rem; 27 | 28 | @include media-breakpoint-up(lg) { 29 | & { 30 | font-size: 1.8rem; 31 | line-height: 1.7; 32 | } 33 | } 34 | } 35 | } 36 | 37 | &__subtitle { 38 | font-size: 1rem; 39 | color: $base02; 40 | margin-bottom: 2rem; 41 | 42 | @include media-breakpoint-up(lg) { 43 | & { 44 | font-size: 1.2rem; 45 | } 46 | } 47 | } 48 | 49 | &__buttons { 50 | .button { 51 | margin-bottom: .5rem; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /src/styles/components/_button.scss: -------------------------------------------------------------------------------- 1 | .button { 2 | cursor: pointer; 3 | display: inline-block; 4 | min-height: 1em; 5 | outline: 0; 6 | border: none; 7 | vertical-align: baseline; 8 | font-family: $font-family-sans-serif; 9 | margin: 0 .5em 0 0; 10 | padding: 1em 2em; 11 | font-weight: 400; 12 | line-height: 1em; 13 | font-style: normal; 14 | text-align: center; 15 | text-decoration: none; 16 | border-radius: .3rem; 17 | user-select: none; 18 | color: #fff; 19 | background-color: $color-magnetic-blue; 20 | transition: all $link-transition-duration $link-transition-timing-function; 21 | 22 | &:hover, 23 | &:focus { 24 | background-color: lighten($color-magnetic-blue, 5%); 25 | color: #fff; 26 | } 27 | 28 | & > .octicon { 29 | margin-right: .5em; 30 | font-size: 1.2em; 31 | } 32 | 33 | &.-inverted { 34 | color: $color-magnetic-blue; 35 | background-color: #fff; 36 | box-shadow: 0 0 0 2px $color-magnetic-blue inset !important; 37 | 38 | &:hover { 39 | background-color: $color-magnetic-blue; 40 | color: #fff; 41 | } 42 | } 43 | 44 | &.-large { 45 | font-size: 1.2rem; 46 | } 47 | 48 | &.-compact { 49 | font-size: .875rem; 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Color themes for Google Code Prettify 2 | 3 | > The selection of beautiful color themes for Google Code Prettify. 4 | 5 | [![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url] [![Build Status][travis-image]][travis-url] 6 | 7 | 8 | ## Demo 9 | 10 | https://jmblog.github.io/color-themes-for-google-code-prettify/ 11 | 12 | ## Installation 13 | 14 | **npm** 15 | 16 | ```sh 17 | npm install color-themes-for-google-code-prettify 18 | ``` 19 | 20 | **Download a zip file** 21 | 22 | https://jmblog.github.io/color-themes-for-google-code-prettify/themes.zip 23 | 24 | ## Contributing 25 | 26 | Please read the [contribution guidelines](CONTRIBUTING.md) to make the contribution process easy and efficient for everyone involved. 27 | 28 | ## License 29 | Code released under [the MIT license](http://jmblog.mit-license.org/). 30 | 31 | [npm-url]: https://npmjs.org/package/color-themes-for-google-code-prettify 32 | [downloads-image]: http://img.shields.io/npm/dm/color-themes-for-google-code-prettify.svg 33 | [npm-image]: http://img.shields.io/npm/v/color-themes-for-google-code-prettify.svg 34 | [travis-url]: https://travis-ci.org/jmblog/color-themes-for-google-code-prettify 35 | [travis-image]: http://img.shields.io/travis/jmblog/color-themes-for-google-code-prettify.svg 36 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing guidelines 2 | 3 | Your contribution is always welcome! If you create a new beautiful theme, find a bug or propose an improvement, please send me a pull request. 4 | 5 | 1. Fork this repo, clone your fork and configure the remotes: 6 | 7 | ```bash 8 | # Clone your fork of the repo into the current directory 9 | git clone https://github.com//color-themes-for-google-code-prettify 10 | # Move to the newly cloned directory 11 | cd color-themes-for-google-code-prettify 12 | # Assign the original repo to a remote called "upstream" 13 | git remote add upstream https://github.com/jmblog/color-themes-for-google-code-prettify 14 | ``` 15 | 16 | 2. If you cloned a while ago, get the latest changes from upstream: 17 | 18 | ```bash 19 | git checkout master 20 | git pull upstream master 21 | ``` 22 | 23 | 3. Create a new topic branch (off the latest version of `master`) to contain your feature, change, or fix: 24 | 25 | ```bash 26 | git checkout -b 27 | ``` 28 | 29 | 4. Install dependencies: 30 | 31 | ```bash 32 | npm install 33 | ``` 34 | 35 | 5. Run local server: 36 | 37 | ```bash 38 | npm start 39 | ``` 40 | 41 | ## Adding a new theme 42 | 43 | 1. Append data to `src/themes.json`. 44 | 2. Create your theme stylesheet with Sass 45 | - Put it into `src/themes/.scss` 46 | 3. Create a scss file for preview 47 | - Put it into `src/styles/theme-previews/.scss` 48 | 49 | Please refer to existing scss files in details. 50 | -------------------------------------------------------------------------------- /src/styles/components/_theme.scss: -------------------------------------------------------------------------------- 1 | .theme { 2 | display: flex; 3 | flex-direction: column-reverse; 4 | width: 100%; 5 | margin-bottom: 2em; 6 | 7 | @include media-breakpoint-up(lg) { 8 | & { 9 | flex-direction: row; 10 | } 11 | } 12 | 13 | &.-hide { 14 | display: none; 15 | } 16 | 17 | &__info { 18 | padding: 1.5em; 19 | background-color: #fff; 20 | border-top: 1px solid $base07; 21 | position: relative; 22 | 23 | > * { 24 | margin-top: 0; 25 | } 26 | 27 | @include media-breakpoint-up(lg) { 28 | & { 29 | flex-basis: 30%; 30 | border-right: 1px solid $base07; 31 | } 32 | } 33 | 34 | } 35 | 36 | &__title { 37 | margin-bottom: 1em; 38 | 39 | @include media-breakpoint-up(lg) { 40 | & { 41 | margin-bottom: 2em; 42 | } 43 | } 44 | } 45 | 46 | &__meta { 47 | color: $base03; 48 | font-size: .875rem; 49 | margin-bottom: .5em; 50 | } 51 | 52 | &__download { 53 | position: absolute; 54 | display: none; 55 | 56 | @include media-breakpoint-up(lg) { 57 | & { 58 | display: block; 59 | top: inherit; 60 | right: inherit; 61 | left: 1.5em; 62 | bottom: 3em; 63 | } 64 | } 65 | } 66 | 67 | 68 | &__preview { 69 | overflow-x: hidden; 70 | 71 | @include media-breakpoint-up(lg) { 72 | & { 73 | flex-basis: 70%; 74 | } 75 | } 76 | 77 | .prettyprint { 78 | width: 100%; 79 | padding: 1.5em; 80 | border-radius: 0; 81 | font-size: .8rem; 82 | } 83 | } 84 | } 85 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "color-themes-for-google-code-prettify", 3 | "version": "2.0.4", 4 | "description": "The selection of beautiful color themes for Google Code Prettify.", 5 | "keywords": [ 6 | "google code prettify", 7 | "highlight", 8 | "syntax highlight", 9 | "themes" 10 | ], 11 | "files": [ 12 | "LICENSE.md", 13 | "dist/themes/**/*.css", 14 | "src/themes/**/*.scss" 15 | ], 16 | "scripts": { 17 | "start": "gulp watch", 18 | "clean": "gulp clean", 19 | "build": "gulp", 20 | "deploy": "NODE_ENV=production npm run build && ./deploy.sh" 21 | }, 22 | "repository": "jmblog/color-themes-for-google-code-prettify", 23 | "author": "Yoshihide Jimbo", 24 | "contributors": [ 25 | "Yoshihide Jimbo", 26 | "Serguei Shimansky", 27 | "Bram de Haan" 28 | ], 29 | "license": "MIT", 30 | "bugs": { 31 | "url": "https://github.com/jmblog/color-themes-for-google-code-prettify/issues" 32 | }, 33 | "homepage": "https://github.com/jmblog/color-themes-for-google-code-prettify#readme", 34 | "engines": { 35 | "node": ">=5.9.0" 36 | }, 37 | "devDependencies": { 38 | "autoprefixer": "^6.3.4", 39 | "browser-sync": "^2.11.1", 40 | "css-mqpacker": "^4.0.1", 41 | "csswring": "^4.2.2", 42 | "del": "^2.2.0", 43 | "gh-pages": "^0.11.0", 44 | "gulp": "github:gulpjs/gulp#4.0", 45 | "gulp-concat": "^2.6.0", 46 | "gulp-imagemin": "^2.4.0", 47 | "gulp-insert": "^0.5.0", 48 | "gulp-jade": "^1.1.0", 49 | "gulp-load-plugins": "^1.2.0", 50 | "gulp-notify": "^2.2.0", 51 | "gulp-plumber": "^1.1.0", 52 | "gulp-postcss": "^6.1.0", 53 | "gulp-rename": "^1.2.2", 54 | "gulp-sass": "^2.2.0", 55 | "gulp-sass-glob": "^1.0.5", 56 | "gulp-size": "^2.1.0", 57 | "gulp-uglify": "^1.5.3", 58 | "gulp-zip": "^3.2.0" 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /src/scripts/scripts.js: -------------------------------------------------------------------------------- 1 | var filterThemes = function() { 2 | var themes = document.getElementsByClassName('js-theme') || []; 3 | var filters = document.getElementsByClassName('js-theme-filter') || []; 4 | 5 | // Filter by theme types 6 | [].forEach.call(filters, function(filter) { 7 | filter.addEventListener('click', function(event) { 8 | event.preventDefault(); 9 | selectTab(this); 10 | [].forEach.call(themes, function(theme) { 11 | theme.classList.remove('fadeInUp'); 12 | window.setTimeout(function() { 13 | if (filter.getAttribute('data-filter') && filter.getAttribute('data-filter') != theme.getAttribute('data-theme-type')) { 14 | theme.classList.add('-hide'); 15 | } else { 16 | theme.classList.remove('-hide'); 17 | theme.classList.add('fadeInUp'); 18 | } 19 | }, 100); 20 | }); 21 | if (window.ga) { 22 | ga('send', 'event', 'Filter', 'click', filter.getAttribute('data-filter') || 'all'); 23 | } 24 | }) 25 | }); 26 | } 27 | 28 | var selectTab = function(elem) { 29 | var filters = document.getElementsByClassName('js-theme-filter') || []; 30 | [].forEach.call(filters, function(filter) { 31 | if (filter == elem) { 32 | filter.classList.add('-selected'); 33 | } else { 34 | filter.classList.remove('-selected'); 35 | } 36 | }); 37 | } 38 | 39 | var trackDownload = function() { 40 | var downloadLinks = document.getElementsByClassName('js-download-theme') || []; 41 | 42 | // Click tracking with Google Analytics 43 | [].forEach.call(downloadLinks, function(link) { 44 | link.addEventListener('click', function(event) { 45 | if (window.ga) { 46 | ga('send', 'event', 'Download', 'click', link.getAttribute('data-theme-id')); 47 | } 48 | }); 49 | }); 50 | } 51 | 52 | document.addEventListener("DOMContentLoaded", function() { 53 | filterThemes(); 54 | trackDownload(); 55 | }, false); 56 | -------------------------------------------------------------------------------- /dist/themes/vibrant-ink.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #000; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #fff; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #666666; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #000; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #6f0; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #f60; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #93c; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #458; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #458; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #fff; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #fff; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #fff; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #fff; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #9c9; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #6f0; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #fff; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #fff; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #fc0; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/github.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #fff; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #333; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #cccccc; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #fff; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #d14; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #333; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #998; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #458; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #458; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #333; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #333; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #333; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #000080; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #008080; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #d14; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #333; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #008080; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #900; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/github-v2.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #fff; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #333; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #cccccc; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #fff; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #183691; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #a71d5d; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #969896; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #0086b3; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #0086b3; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #333; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #333; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #333; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #000080; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #795da3; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #183691; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #333; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #008080; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #900; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/tomorrow.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #ffffff; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #4d4d4c; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #8e908c; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #ffffff; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #718c00; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #8959a8; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #8e908c; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #4271ae; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #f5871f; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #4d4d4c; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #4d4d4c; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #4d4d4c; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #c82829; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #f5871f; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #3e999f; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #f5871f; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #c82829; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #4271ae; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/hemisu-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #000000; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #EEEEEE; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #777777; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #000000; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #B1D631; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #B1D631; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #777777; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #BBFFAA; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #9FD3E6; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #EEEEEE; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #EEEEEE; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #EEEEEE; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #EEEEEE; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #B1D631; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #BBFFAA; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #EEEEEE; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #EEEEEE; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #9FD3E6; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/hemisu-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #FFFFFF; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #111111; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #999999; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #FFFFFF; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #739200; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #739200; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #999999; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #FF0055; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #538192; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #111111; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #111111; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #111111; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #111111; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #739200; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #FF0055; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #111111; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #111111; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #538192; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-cave-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #19171c; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #efecf4; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #655f6d; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #19171c; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #2a9292; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #955ae7; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #655f6d; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #576ddb; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #aa573c; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #efecf4; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #efecf4; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #efecf4; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #be4678; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #aa573c; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #398bc6; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #aa573c; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #be4678; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #576ddb; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-cave-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #efecf4; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #19171c; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #7e7887; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #efecf4; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #2a9292; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #955ae7; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #7e7887; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #576ddb; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #aa573c; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #19171c; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #19171c; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #19171c; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #be4678; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #aa573c; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #398bc6; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #aa573c; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #be4678; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #576ddb; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-dune-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #20201d; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #fefbec; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #7d7a68; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #20201d; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #60ac39; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #b854d4; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #7d7a68; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #6684e1; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #b65611; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #fefbec; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #fefbec; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #fefbec; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #d73737; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #b65611; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #1fad83; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #b65611; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #d73737; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #6684e1; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-dune-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #fefbec; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #20201d; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #999580; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #fefbec; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #60ac39; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #b854d4; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #999580; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #6684e1; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #b65611; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #20201d; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #20201d; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #20201d; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #d73737; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #b65611; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #1fad83; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #b65611; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #d73737; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #6684e1; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-heath-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #1b181b; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #f7f3f7; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #776977; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #1b181b; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #918b3b; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #7b59c0; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #776977; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #516aec; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #a65926; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #f7f3f7; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #f7f3f7; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #f7f3f7; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #ca402b; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #a65926; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #159393; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #a65926; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #ca402b; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #516aec; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/tomorrow-night.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #1d1f21; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #c5c8c6; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #969896; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #1d1f21; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #b5bd68; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #b294bb; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #969896; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #81a2be; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #de935f; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #c5c8c6; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #c5c8c6; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #c5c8c6; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #cc6666; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #de935f; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #8abeb7; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #de935f; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #cc6666; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #81a2be; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/tranquil-heart.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #2f3640; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #e6e9ed; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #656d78; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #2f3640; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #ffce54; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #4fc1e9; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #656d78; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #4fc1e9; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #ac92ec; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #e6e9ed; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #e6e9ed; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #e6e9ed; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #ed5565; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #a0d468; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #ffce54; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #ac92ec; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #e6e9ed; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #e6e9ed; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-estuary-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #22221b; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #f4f3ec; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #6c6b5a; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #22221b; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #7d9726; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #5f9182; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #6c6b5a; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #36a166; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #ae7313; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #f4f3ec; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #f4f3ec; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #f4f3ec; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #ba6236; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #ae7313; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #5b9d48; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #ae7313; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #ba6236; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #36a166; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-estuary-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #f4f3ec; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #22221b; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #878573; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #f4f3ec; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #7d9726; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #5f9182; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #878573; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #36a166; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #ae7313; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #22221b; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #22221b; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #22221b; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #ba6236; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #ae7313; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #5b9d48; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #ae7313; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #ba6236; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #36a166; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-forest-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #1b1918; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #f1efee; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #766e6b; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #1b1918; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #7b9726; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #6666ea; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #766e6b; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #407ee7; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #df5320; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #f1efee; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #f1efee; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #f1efee; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #f22c40; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #df5320; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #3d97b8; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #df5320; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #f22c40; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #407ee7; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-forest-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #f1efee; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #1b1918; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #9c9491; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #f1efee; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #7b9726; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #6666ea; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #9c9491; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #407ee7; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #df5320; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #1b1918; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #1b1918; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #1b1918; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #f22c40; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #df5320; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #3d97b8; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #df5320; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #f22c40; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #407ee7; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-heath-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #f7f3f7; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #1b181b; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #5a7b8c; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #f7f3f7; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #918b3b; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #7b59c0; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #5a7b8c; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #516aec; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #a65926; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #1b181b; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #1b181b; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #1b181b; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #ca402b; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #a65926; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #159393; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #a65926; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #ca402b; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #516aec; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-lakeside-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #161b1d; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #ebf8ff; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #5a7b8c; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #161b1d; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #568c3b; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #6b6bb8; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #5a7b8c; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #257fad; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #935c25; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #ebf8ff; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #ebf8ff; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #ebf8ff; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #d22d72; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #935c25; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #2d8f6f; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #935c25; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #d22d72; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #257fad; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-lakeside-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #ebf8ff; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #161b1d; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #7195a8; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #ebf8ff; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #568c3b; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #6b6bb8; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #7195a8; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #257fad; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #935c25; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #161b1d; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #161b1d; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #161b1d; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #d22d72; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #935c25; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #2d8f6f; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #935c25; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #d22d72; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #257fad; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-plateau-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #1b1818; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #f4ecec; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #655d5d; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #1b1818; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #4b8b8b; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #8464c4; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #655d5d; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #7272ca; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #b45a3c; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #f4ecec; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #f4ecec; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #f4ecec; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #ca4949; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #b45a3c; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #5485b6; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #b45a3c; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #ca4949; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #7272ca; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-plateau-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #f4ecec; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #1b1818; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #7e7777; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #f4ecec; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #4b8b8b; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #8464c4; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #7e7777; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #7272ca; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #b45a3c; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #1b1818; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #1b1818; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #1b1818; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #ca4949; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #b45a3c; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #5485b6; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #b45a3c; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #ca4949; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #7272ca; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-savanna-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #171c19; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #ecf4ee; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #5f6d64; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #171c19; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #489963; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #55859b; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #5f6d64; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #478c90; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #9f713c; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #ecf4ee; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #ecf4ee; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #ecf4ee; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #b16139; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #9f713c; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #1c9aa0; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #9f713c; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #b16139; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #478c90; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-savanna-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #ecf4ee; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #171c19; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #78877d; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #ecf4ee; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #489963; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #55859b; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #78877d; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #478c90; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #9f713c; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #171c19; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #171c19; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #171c19; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #b16139; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #9f713c; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #1c9aa0; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #9f713c; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #b16139; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #478c90; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-seaside-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #131513; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #f4fbf4; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #687d68; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #131513; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #29a329; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #ad2bee; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #687d68; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #3d62f5; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #87711d; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #f4fbf4; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #f4fbf4; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #f4fbf4; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #e6193c; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #87711d; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #1999b3; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #87711d; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #e6193c; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #3d62f5; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-seaside-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #f4fbf4; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #131513; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #809980; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #f4fbf4; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #29a329; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #ad2bee; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #809980; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #3d62f5; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #87711d; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #131513; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #131513; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #131513; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #e6193c; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #87711d; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #1999b3; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #87711d; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #e6193c; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #3d62f5; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/tomorrow-night-blue.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #002451; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #ffffff; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #7285b7; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #002451; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #d1f1a9; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #ebbbff; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #7285b7; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #bbdaff; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #ffc58f; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #ffffff; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #ffffff; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #ffffff; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #ff9da4; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #ffc58f; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #99ffff; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #ffc58f; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #ff9da4; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #bbdaff; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/tomorrow-night-bright.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #000000; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #eaeaea; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #969896; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #000000; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #b9ca4a; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #c397d8; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #969896; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #7aa6da; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #e78c45; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #eaeaea; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #eaeaea; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #eaeaea; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #d54e53; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #e78c45; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #70c0b1; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #e78c45; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #d54e53; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #7aa6da; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/tomorrow-night-eighties.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #2d2d2d; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #cccccc; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #999999; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #2d2d2d; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #99cc99; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #cc99cc; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #999999; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #6699cc; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #f99157; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #cccccc; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #cccccc; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #cccccc; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #f2777a; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #f99157; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #66cccc; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #f99157; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #f2777a; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #6699cc; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-sulphurpool-dark.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #202746; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #f5f7ff; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #6b7394; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #202746; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #ac9739; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #6679cc; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #6b7394; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #3d8fd1; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #c76b29; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #f5f7ff; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #f5f7ff; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #f5f7ff; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #c94922; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #c76b29; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #22a2c9; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #c76b29; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #c94922; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #3d8fd1; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /dist/themes/atelier-sulphurpool-light.css: -------------------------------------------------------------------------------- 1 | /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ 2 | .prettyprint { 3 | background: #f5f7ff; 4 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 5 | border: 0 !important; 6 | } 7 | 8 | .pln { 9 | color: #202746; 10 | } 11 | 12 | /* Specify class=linenums on a pre to get line numbering */ 13 | ol.linenums { 14 | margin-top: 0; 15 | margin-bottom: 0; 16 | color: #202746; 17 | } 18 | 19 | li.L0, 20 | li.L1, 21 | li.L2, 22 | li.L3, 23 | li.L4, 24 | li.L5, 25 | li.L6, 26 | li.L7, 27 | li.L8, 28 | li.L9 { 29 | padding-left: 1em; 30 | background-color: #f5f7ff; 31 | list-style-type: decimal; 32 | } 33 | 34 | @media screen { 35 | 36 | /* string content */ 37 | 38 | .str { 39 | color: #ac9739; 40 | } 41 | 42 | /* keyword */ 43 | 44 | .kwd { 45 | color: #6679cc; 46 | } 47 | 48 | /* comment */ 49 | 50 | .com { 51 | color: #202746; 52 | } 53 | 54 | /* type name */ 55 | 56 | .typ { 57 | color: #3d8fd1; 58 | } 59 | 60 | /* literal value */ 61 | 62 | .lit { 63 | color: #c76b29; 64 | } 65 | 66 | /* punctuation */ 67 | 68 | .pun { 69 | color: #202746; 70 | } 71 | 72 | /* lisp open bracket */ 73 | 74 | .opn { 75 | color: #202746; 76 | } 77 | 78 | /* lisp close bracket */ 79 | 80 | .clo { 81 | color: #202746; 82 | } 83 | 84 | /* markup tag name */ 85 | 86 | .tag { 87 | color: #c94922; 88 | } 89 | 90 | /* markup attribute name */ 91 | 92 | .atn { 93 | color: #c76b29; 94 | } 95 | 96 | /* markup attribute value */ 97 | 98 | .atv { 99 | color: #22a2c9; 100 | } 101 | 102 | /* declaration */ 103 | 104 | .dec { 105 | color: #c76b29; 106 | } 107 | 108 | /* variable name */ 109 | 110 | .var { 111 | color: #c94922; 112 | } 113 | 114 | /* function name */ 115 | 116 | .fun { 117 | color: #3d8fd1; 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /src/themes/_base.scss: -------------------------------------------------------------------------------- 1 | $foreground: #000 !default; 2 | $background: #fff !default; 3 | $string: #080 !default; // string content 4 | $keyword: #008 !default; // a keyword 5 | $comment: #800 !default; // a comment 6 | $type: #606 !default; // a type name 7 | $literal: #066 !default; // literal value 8 | $punctuation: #660 !default; // punctuation 9 | $open_bracket: #660 !default; // lisp open bracket 10 | $close_bracket: #660 !default; // lisp close bracket 11 | $markup_tag: #008 !default; // a markup tag name 12 | $markup_attr_n: #606 !default; // a markup attribute name 13 | $markup_attr_v: #080 !default; // a markup attribute value 14 | $declaration: #606 !default; // a declaration 15 | $variable: #606 !default; // a variable name 16 | $function: #f00 !default; // a function name 17 | $linenums: $comment !default; // Line numbers 18 | 19 | $font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace; 20 | 21 | @mixin prettyprint() { 22 | .prettyprint { 23 | background: $background; 24 | font-family: $font-family; 25 | border: 0 !important; 26 | } 27 | 28 | .pln { 29 | color: $foreground; 30 | } 31 | 32 | @media screen { 33 | /* string content */ 34 | .str { 35 | color: $string; 36 | } 37 | 38 | /* keyword */ 39 | .kwd { 40 | color: $keyword; 41 | } 42 | 43 | /* comment */ 44 | .com { 45 | color: $comment; 46 | } 47 | 48 | /* type name */ 49 | .typ { 50 | color: $type; 51 | } 52 | 53 | /* literal value */ 54 | .lit { 55 | color: $literal; 56 | } 57 | 58 | /* punctuation */ 59 | .pun { 60 | color: $punctuation; 61 | } 62 | 63 | /* lisp open bracket */ 64 | .opn { 65 | color: $open_bracket; 66 | } 67 | 68 | /* lisp close bracket */ 69 | .clo { 70 | color: $close_bracket; 71 | } 72 | 73 | /* markup tag name */ 74 | .tag { 75 | color: $markup_tag; 76 | } 77 | 78 | /* markup attribute name */ 79 | .atn { 80 | color: $markup_attr_n; 81 | } 82 | 83 | /* markup attribute value */ 84 | .atv { 85 | color: $markup_attr_v; 86 | } 87 | 88 | /* declaration */ 89 | .dec { 90 | color: $declaration; 91 | } 92 | 93 | /* variable name */ 94 | .var { 95 | color: $variable; 96 | } 97 | 98 | /* function name */ 99 | .fun { 100 | color: $function; 101 | } 102 | } 103 | 104 | /* Specify class=linenums on a pre to get line numbering */ 105 | ol.linenums { 106 | margin-top: 0; 107 | margin-bottom: 0; 108 | color: $linenums; 109 | } 110 | 111 | li.L0, 112 | li.L1, 113 | li.L2, 114 | li.L3, 115 | li.L4, 116 | li.L5, 117 | li.L6, 118 | li.L7, 119 | li.L8, 120 | li.L9 { 121 | padding-left: 1em; 122 | background-color: $background; 123 | list-style-type: decimal; 124 | } 125 | } 126 | -------------------------------------------------------------------------------- /src/styles/tools/_breakpoints.scss: -------------------------------------------------------------------------------- 1 | // Breakpoint viewport sizes and media queries. 2 | // 3 | // Breakpoints are defined as a map of (name: minimum width), order from small to large: 4 | // 5 | // (xs: 0, sm: 544px, md: 768px) 6 | // 7 | // The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default. 8 | 9 | // Name of the next breakpoint, or null for the last breakpoint. 10 | // 11 | // >> breakpoint-next(sm) 12 | // md 13 | // >> breakpoint-next(sm, (xs: 0, sm: 544px, md: 768px)) 14 | // md 15 | // >> breakpoint-next(sm, $breakpoint-names: (xs sm md)) 16 | // md 17 | @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) { 18 | $n: index($breakpoint-names, $name); 19 | @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null); 20 | } 21 | 22 | // Minimum breakpoint width. Null for the smallest (first) breakpoint. 23 | // 24 | // >> breakpoint-min(sm, (xs: 0, sm: 544px, md: 768px)) 25 | // 544px 26 | @function breakpoint-min($name, $breakpoints: $grid-breakpoints) { 27 | $min: map-get($breakpoints, $name); 28 | @return if($min != 0, $min, null); 29 | } 30 | 31 | // Maximum breakpoint width. Null for the largest (last) breakpoint. 32 | // The maximum value is calculated as the minimum of the next one less 0.1. 33 | // 34 | // >> breakpoint-max(sm, (xs: 0, sm: 544px, md: 768px)) 35 | // 767px 36 | @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { 37 | $next: breakpoint-next($name, $breakpoints); 38 | @return if($next, breakpoint-min($next, $breakpoints) - 1px, null); 39 | } 40 | 41 | // Media of at least the minimum breakpoint width. No query for the smallest breakpoint. 42 | // Makes the @content apply to the given breakpoint and wider. 43 | @mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) { 44 | $min: breakpoint-min($name, $breakpoints); 45 | @if $min { 46 | @media (min-width: $min) { 47 | @content; 48 | } 49 | } @else { 50 | @content; 51 | } 52 | } 53 | 54 | // Media of at most the maximum breakpoint width. No query for the largest breakpoint. 55 | // Makes the @content apply to the given breakpoint and narrower. 56 | @mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) { 57 | $max: breakpoint-max($name, $breakpoints); 58 | @if $max { 59 | @media (max-width: $max) { 60 | @content; 61 | } 62 | } @else { 63 | @content; 64 | } 65 | } 66 | 67 | // Media between the breakpoint's minimum and maximum widths. 68 | // No minimum for the smallest breakpoint, and no maximum for the largest one. 69 | // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. 70 | @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) { 71 | @include media-breakpoint-up($name, $breakpoints) { 72 | @include media-breakpoint-down($name, $breakpoints) { 73 | @content; 74 | } 75 | } 76 | } 77 | 78 | // Media that spans multiple breakpoint widths. 79 | // Makes the @content apply between the min and max breakpoints 80 | @mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) { 81 | @include media-breakpoint-up($lower, $breakpoints) { 82 | @include media-breakpoint-down($upper, $breakpoints) { 83 | @content; 84 | } 85 | } 86 | } 87 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'); 2 | var fs = require('fs'); 3 | var autoprefixer = require('autoprefixer'); 4 | var csswring = require('csswring'); 5 | var mqpacker = require('css-mqpacker'); 6 | var del = require('del'); 7 | var $ = require('gulp-load-plugins')(); 8 | var browserSync = require('browser-sync'); 9 | var reload = browserSync.reload; 10 | 11 | var json = {}; 12 | loadJSON(function(){}); 13 | 14 | // Register some tasks to expose to the cli 15 | gulp.task('build', gulp.series( 16 | clean, 17 | gulp.parallel( 18 | view, 19 | gulp.series(styles, themes, minifyThemes, license, zipThemes, concatStyles), 20 | scripts, 21 | images, 22 | octicons, 23 | extra 24 | ) 25 | )); 26 | gulp.task(clean); 27 | gulp.task('watch', gulp.series( 28 | 'build', 29 | serve 30 | )); 31 | gulp.task('default', gulp.series('build')); 32 | 33 | // Define tasks using plain functions 34 | function clean() { 35 | return del(['dist']); 36 | } 37 | 38 | function view() { 39 | return gulp.src('src/**/*.jade') 40 | .pipe($.jade({ 41 | locals: { 42 | themes: json.themes 43 | } 44 | })) 45 | .pipe(gulp.dest('dist')); 46 | } 47 | 48 | function styles() { 49 | return gulp.src('src/styles/**/!(_)*.scss') 50 | .pipe($.plumber({ 51 | errorHandler: $.notify.onError('<%= error.message %>') 52 | })) 53 | .pipe($.sassGlob()) 54 | .pipe($.sass()) 55 | .pipe($.postcss([ 56 | autoprefixer(), 57 | mqpacker(), 58 | csswring() 59 | ])) 60 | .pipe(gulp.dest('dist/styles')) 61 | .pipe(reload({stream: true})); 62 | } 63 | 64 | function themes() { 65 | return gulp.src('src/themes/**/!(_)*.scss') 66 | .pipe($.plumber({ 67 | errorHandler: $.notify.onError('<%= error.message %>') 68 | })) 69 | .pipe($.sassGlob()) 70 | .pipe($.sass({ 71 | outputStyle: 'expanded' 72 | })) 73 | .pipe($.postcss([ 74 | autoprefixer(), 75 | mqpacker() 76 | ])) 77 | .pipe(gulp.dest('dist/themes')) 78 | .pipe(reload({stream: true})); 79 | } 80 | 81 | function minifyThemes() { 82 | return gulp.src('dist/themes/!(*.min).css') 83 | .pipe($.postcss([ 84 | csswring() 85 | ])) 86 | .pipe($.rename({ 87 | suffix: '.min' 88 | })) 89 | .pipe(gulp.dest('dist/themes')) 90 | } 91 | 92 | function license() { 93 | const license = "/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */\n" 94 | return gulp.src('dist/themes/*.css') 95 | .pipe($.insert.prepend(license)) 96 | .pipe(gulp.dest('dist/themes')) 97 | } 98 | 99 | function zipThemes() { 100 | return gulp.src('dist/themes/**/*') 101 | .pipe($.zip('themes.zip')) 102 | .pipe(gulp.dest('dist')) 103 | } 104 | 105 | function concatStyles() { 106 | return gulp.src([ 107 | 'dist/styles/main.css', 108 | 'dist/styles/theme-previews/**/*.css' 109 | ]) 110 | .pipe($.concat('styles.css')) 111 | .pipe(gulp.dest('dist/styles')); 112 | } 113 | 114 | function scripts() { 115 | return gulp.src('src/scripts/**/*.js') 116 | .pipe($.uglify()) 117 | .pipe(gulp.dest('dist/scripts')); 118 | } 119 | 120 | function images() { 121 | return gulp.src('src/images/**/*') 122 | .pipe($.imagemin()) 123 | .pipe(gulp.dest('dist/images')); 124 | } 125 | 126 | function octicons() { 127 | return gulp.src('src/styles/components/octicons/*.{eot,svg,ttf,woff}') 128 | .pipe(gulp.dest('dist/styles/octicons')); 129 | } 130 | 131 | function extra() { 132 | return gulp.src([ 133 | 'src/sitemap.xml' 134 | ]) 135 | .pipe(gulp.dest('dist')); 136 | } 137 | 138 | function reloadBrowser() { 139 | reload(); 140 | } 141 | 142 | function serve() { 143 | browserSync({ 144 | server: 'dist' 145 | }); 146 | 147 | gulp.watch('src/styles/**/*.scss', gulp.series(styles, themes, minifyThemes, license, concatStyles)); 148 | gulp.watch('src/themes/**/*.scss', gulp.series(styles, themes, minifyThemes, license, concatStyles)); 149 | gulp.watch('src/themes.json', gulp.series(loadJSON, view, reloadBrowser)); 150 | gulp.watch('src/**/*.jade', gulp.series(view, reloadBrowser)); 151 | gulp.watch('src/scripts/**/*.js', gulp.series(scripts, reloadBrowser)); 152 | gulp.watch('src/images/**/*', gulp.series(reloadBrowser)); 153 | } 154 | 155 | function loadJSON(cb) { 156 | json = { 157 | themes: JSON.parse(fs.readFileSync('./src/themes.json', 'utf8')) 158 | }; 159 | cb(); 160 | } 161 | -------------------------------------------------------------------------------- /src/index.jade: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | | 4 | head 5 | if process.env.NODE_ENV == 'production' 6 | base(href="/color-themes-for-google-code-prettify/") 7 | else 8 | base(href="/") 9 | meta(charset="utf-8") 10 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 11 | meta(http-equiv="x-ua-compatible" content="ie=edge") 12 | title Color themes for Google Code Prettify 13 | meta(name="description" content="The selection of various beautiful color themes for Google Code Prettify. Make your syntax highlighting of code snippets on your website more pretty!") 14 | link(rel="canonical" href="https://jmblog.github.io/color-themes-for-google-code-prettify/") 15 | link(rel="dns-prefetch" href="//fonts.googleapis.com") 16 | link(rel="dns-prefetch" href="//cdn.rawgit.com") 17 | script(src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js") 18 | link(rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fjalla+One|Noto+Sans:400,700") 19 | link(rel="stylesheet" href='styles/styles.css') 20 | if process.env.NODE_ENV == 'production' 21 | script. 22 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 23 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 24 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 25 | })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 26 | 27 | ga('create', 'UA-32033901-2', 'auto'); 28 | ga('send', 'pageview'); 29 | 30 | body 31 | header.cover 32 | .container 33 | h1.cover__title 34 | = 'Color themes' 35 | span.preposition 36 | = ' for ' 37 | = 'Google Code Prettify' 38 | h2.cover__subtitle 39 | | Make your code snippets more pretty 40 | p.cover__buttons 41 | a.button.-large(href="https://github.com/jmblog/color-themes-for-google-code-prettify") 42 | i.octicon.octicon-mark-github 43 | | View on GitHub 44 | main 45 | .getting-started.segment.u-text-center 46 | .container 47 | h2 48 | | Installation 49 | 50 | p 51 | code.-shell npm install color-themes-for-google-code-prettify 52 | p 53 | = 'or ' 54 | //- p 55 | //- code.-shell bower install color-themes-for-google-code-prettify 56 | //- p 57 | //- = 'or ' 58 | p 59 | a.button.js-download-theme(href="themes.zip" data-theme-id="themes.zip") 60 | i.octicon.octicon-desktop-download 61 | | Download a zip file 62 | 63 | 64 | .segment.-striped 65 | .container 66 | h2.u-text-center 67 | | Previews 68 | .u-text-center 69 | .tabs 70 | a.tab.js-theme-filter.-selected(href="#" data-filter="") All 71 | a.tab.js-theme-filter(href="#" data-filter="dark") Dark themes 72 | a.tab.js-theme-filter(href="#" data-filter="light") Light themes 73 | each theme in themes 74 | .theme.js-theme(data-theme-type="#{theme.type}") 75 | .theme__info 76 | h3.theme__title 77 | | #{theme.name} 78 | if theme.original 79 | .theme__meta Original by !{theme.original} 80 | if theme.ported_by 81 | .theme__meta Ported by !{theme.ported_by} 82 | 83 | .theme__download 84 | a.button.-compact.-inverted.js-download-theme(href="themes/#{theme.id}.css" data-theme-id="#{theme.id}" target="_blank") .css 85 | a.button.-compact.-inverted.js-download-theme(href="themes/#{theme.id}.min.css" data-theme-id="#{theme.id}.min" target="_blank") .min.css 86 | 87 | .theme__preview(id="#{theme.id}") 88 | pre.prettyprint.linenums.lang-html 89 | code <script type="text/javascript"> 90 | | // Say hello world until the user starts questioning 91 | | // the meaningfulness of their existence. 92 | | function helloWorld(world) { 93 | | for (var i = 42; --i >= 0;) { 94 | | alert('Hello ' + String(world)); 95 | | } 96 | | } 97 | | </script> 98 | | <style> 99 | | p { color: pink } 100 | | b { color: blue } 101 | | u { color: "umber" } 102 | | </style> 103 | 104 | h3 Are you looking for more themes? 105 | ul.list 106 | li: a(href="https://cdn.rawgit.com/google/code-prettify/master/styles/index.html") Google Code Prettify official theme gallery 107 | li: a(href="http://raphaelddl.github.io/google-prettify-monokai-theme/") Monokai theme by @RaphaelDDL 108 | footer 109 | .segment 110 | .container 111 | != '© ' 112 | a(href="https://github.com/jmblog/") Yoshihide Jimbo 113 | != ', Released under ' 114 | a(href="http://jmblog.mit-license.org/") MIT License 115 | 116 | script(src="scripts/scripts.js") 117 | -------------------------------------------------------------------------------- /src/themes.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "id": "vibrant-ink", 4 | "name": "Vibrant Ink", 5 | "type": "dark", 6 | "original": "Justin Palmer", 7 | "ported_by": "Yoshihide Jimbo" 8 | }, 9 | { 10 | "id": "github", 11 | "name": "GitHub", 12 | "type": "light", 13 | "original": "", 14 | "ported_by": "Yoshihide Jimbo" 15 | }, 16 | { 17 | "id": "github-v2", 18 | "name": "GitHub v2", 19 | "type": "light", 20 | "original": "", 21 | "ported_by": "Yoshihide Jimbo" 22 | }, 23 | { 24 | "id": "tomorrow-night", 25 | "name": "Tomorrow Night", 26 | "type": "dark", 27 | "original": "Chris Kempson", 28 | "ported_by": "Yoshihide Jimbo" 29 | }, 30 | { 31 | "id": "tomorrow", 32 | "name": "Tomorrow", 33 | "type": "light", 34 | "original": "Chris Kempson", 35 | "ported_by": "Yoshihide Jimbo" 36 | }, 37 | { 38 | "id": "tomorrow-night-eighties", 39 | "name": "Tomorrow Night Eighties", 40 | "type": "dark", 41 | "original": "Chris Kempson", 42 | "ported_by": "Yoshihide Jimbo" 43 | }, 44 | { 45 | "id": "tomorrow-night-blue", 46 | "name": "Tomorrow Night Blue", 47 | "type": "dark", 48 | "original": "Chris Kempson", 49 | "ported_by": "Yoshihide Jimbo" 50 | }, 51 | { 52 | "id": "tomorrow-night-bright", 53 | "name": "Tomorrow Night Bright", 54 | "type": "dark", 55 | "original": "Chris Kempson", 56 | "ported_by": "Yoshihide Jimbo" 57 | }, 58 | { 59 | "id": "hemisu-dark", 60 | "name": "Hemisu Dark", 61 | "type": "dark", 62 | "original": "Noah Frederick", 63 | "ported_by": "Yoshihide Jimbo" 64 | }, 65 | { 66 | "id": "hemisu-light", 67 | "name": "Hemisu Light", 68 | "type": "light", 69 | "original": "Noah Frederick", 70 | "ported_by": "Yoshihide Jimbo" 71 | }, 72 | { 73 | "id": "tranquil-heart", 74 | "name": "Tranquil Heart", 75 | "type": "dark", 76 | "original": "@englishextra" 77 | }, 78 | { 79 | "id": "atelier-cave-dark", 80 | "name": "Atelier Cave Dark", 81 | "type": "dark", 82 | "original": "Bram de Haan" 83 | }, 84 | { 85 | "id": "atelier-cave-light", 86 | "name": "Atelier Cave Light", 87 | "type": "light", 88 | "original": "Bram de Haan" 89 | }, 90 | { 91 | "id": "atelier-dune-dark", 92 | "name": "Atelier Dune Dark", 93 | "type": "dark", 94 | "original": "Bram de Haan" 95 | }, 96 | { 97 | "id": "atelier-dune-light", 98 | "name": "Atelier Dune Light", 99 | "type": "light", 100 | "original": "Bram de Haan" 101 | }, 102 | { 103 | "id": "atelier-estuary-dark", 104 | "name": "Atelier Estuary Dark", 105 | "type": "dark", 106 | "original": "Bram de Haan" 107 | }, 108 | { 109 | "id": "atelier-estuary-light", 110 | "name": "Atelier Estuary Light", 111 | "type": "light", 112 | "original": "Bram de Haan" 113 | }, 114 | { 115 | "id": "atelier-forest-dark", 116 | "name": "Atelier Forest Dark", 117 | "type": "dark", 118 | "original": "Bram de Haan" 119 | }, 120 | { 121 | "id": "atelier-forest-light", 122 | "name": "Atelier Forest Light", 123 | "type": "light", 124 | "original": "Bram de Haan" 125 | }, 126 | { 127 | "id": "atelier-heath-dark", 128 | "name": "Atelier Heath Dark", 129 | "type": "dark", 130 | "original": "Bram de Haan" 131 | }, 132 | { 133 | "id": "atelier-heath-light", 134 | "name": "Atelier Heath Light", 135 | "type": "light", 136 | "original": "Bram de Haan" 137 | }, 138 | { 139 | "id": "atelier-lakeside-dark", 140 | "name": "Atelier Lakeside Dark", 141 | "type": "dark", 142 | "original": "Bram de Haan" 143 | }, 144 | { 145 | "id": "atelier-lakeside-light", 146 | "name": "Atelier lakeside Light", 147 | "type": "light", 148 | "original": "Bram de Haan" 149 | }, 150 | { 151 | "id": "atelier-plateau-dark", 152 | "name": "Atelier Plateau Dark", 153 | "type": "dark", 154 | "original": "Bram de Haan" 155 | }, 156 | { 157 | "id": "atelier-plateau-light", 158 | "name": "Atelier Plateau Light", 159 | "type": "light", 160 | "original": "Bram de Haan" 161 | }, 162 | { 163 | "id": "atelier-savanna-dark", 164 | "name": "Atelier Savanna Dark", 165 | "type": "dark", 166 | "original": "Bram de Haan" 167 | }, 168 | { 169 | "id": "atelier-savanna-light", 170 | "name": "Atelier Savanna Light", 171 | "type": "light", 172 | "original": "Bram de Haan" 173 | }, 174 | { 175 | "id": "atelier-seaside-dark", 176 | "name": "Atelier Seaside Dark", 177 | "type": "dark", 178 | "original": "Bram de Haan" 179 | }, 180 | { 181 | "id": "atelier-seaside-light", 182 | "name": "Atelier Seaside Light", 183 | "type": "light", 184 | "original": "Bram de Haan" 185 | }, 186 | { 187 | "id": "atelier-sulphurpool-dark", 188 | "name": "Atelier Sulphurpool Dark", 189 | "type": "dark", 190 | "original": "Bram de Haan" 191 | }, 192 | { 193 | "id": "atelier-sulphurpool-light", 194 | "name": "Atelier Sulphurpool Light", 195 | "type": "light", 196 | "original": "Bram de Haan" 197 | } 198 | ] 199 | -------------------------------------------------------------------------------- /src/styles/generic/_normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /** 4 | * 1. Change the default font family in all browsers (opinionated). 5 | * 2. Prevent adjustments of font size after orientation changes in IE and iOS. 6 | */ 7 | 8 | html { 9 | font-family: sans-serif; /* 1 */ 10 | -ms-text-size-adjust: 100%; /* 2 */ 11 | -webkit-text-size-adjust: 100%; /* 2 */ 12 | } 13 | 14 | /** 15 | * Remove the margin in all browsers (opinionated). 16 | */ 17 | 18 | body { 19 | margin: 0; 20 | } 21 | 22 | /* HTML5 display definitions 23 | ========================================================================== */ 24 | 25 | /** 26 | * Add the correct display in IE 9-. 27 | * 1. Add the correct display in Edge, IE, and Firefox. 28 | * 2. Add the correct display in IE. 29 | */ 30 | 31 | article, 32 | aside, 33 | details, /* 1 */ 34 | figcaption, 35 | figure, 36 | footer, 37 | header, 38 | main, /* 2 */ 39 | menu, 40 | nav, 41 | section, 42 | summary { /* 1 */ 43 | display: block; 44 | } 45 | 46 | /** 47 | * Add the correct display in IE 9-. 48 | */ 49 | 50 | audio, 51 | canvas, 52 | progress, 53 | video { 54 | display: inline-block; 55 | } 56 | 57 | /** 58 | * Add the correct display in iOS 4-7. 59 | */ 60 | 61 | audio:not([controls]) { 62 | display: none; 63 | height: 0; 64 | } 65 | 66 | /** 67 | * Add the correct vertical alignment in Chrome, Firefox, and Opera. 68 | */ 69 | 70 | progress { 71 | vertical-align: baseline; 72 | } 73 | 74 | /** 75 | * Add the correct display in IE 10-. 76 | * 1. Add the correct display in IE. 77 | */ 78 | 79 | template, /* 1 */ 80 | [hidden] { 81 | display: none; 82 | } 83 | 84 | /* Links 85 | ========================================================================== */ 86 | 87 | /** 88 | * Remove the gray background on active links in IE 10. 89 | */ 90 | 91 | a { 92 | background-color: transparent; 93 | } 94 | 95 | /** 96 | * Remove the outline on focused links when they are also active or hovered 97 | * in all browsers (opinionated). 98 | */ 99 | 100 | a:active, 101 | a:hover { 102 | outline-width: 0; 103 | } 104 | 105 | /* Text-level semantics 106 | ========================================================================== */ 107 | 108 | /** 109 | * 1. Remove the bottom border in Firefox 39-. 110 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 111 | */ 112 | 113 | abbr[title] { 114 | border-bottom: none; /* 1 */ 115 | text-decoration: underline; /* 2 */ 116 | text-decoration: underline dotted; /* 2 */ 117 | } 118 | 119 | /** 120 | * Prevent the duplicate application of `bolder` by the next rule in Safari 6. 121 | */ 122 | 123 | b, 124 | strong { 125 | font-weight: inherit; 126 | } 127 | 128 | /** 129 | * Add the correct font weight in Chrome, Edge, and Safari. 130 | */ 131 | 132 | b, 133 | strong { 134 | font-weight: bolder; 135 | } 136 | 137 | /** 138 | * Add the correct font style in Android 4.3-. 139 | */ 140 | 141 | dfn { 142 | font-style: italic; 143 | } 144 | 145 | /** 146 | * Correct the font size and margin on `h1` elements within `section` and 147 | * `article` contexts in Chrome, Firefox, and Safari. 148 | */ 149 | 150 | h1 { 151 | font-size: 2em; 152 | margin: 0.67em 0; 153 | } 154 | 155 | /** 156 | * Add the correct background and color in IE 9-. 157 | */ 158 | 159 | mark { 160 | background-color: #ff0; 161 | color: #000; 162 | } 163 | 164 | /** 165 | * Add the correct font size in all browsers. 166 | */ 167 | 168 | small { 169 | font-size: 80%; 170 | } 171 | 172 | /** 173 | * Prevent `sub` and `sup` elements from affecting the line height in 174 | * all browsers. 175 | */ 176 | 177 | sub, 178 | sup { 179 | font-size: 75%; 180 | line-height: 0; 181 | position: relative; 182 | vertical-align: baseline; 183 | } 184 | 185 | sub { 186 | bottom: -0.25em; 187 | } 188 | 189 | sup { 190 | top: -0.5em; 191 | } 192 | 193 | /* Embedded content 194 | ========================================================================== */ 195 | 196 | /** 197 | * Remove the border on images inside links in IE 10-. 198 | */ 199 | 200 | img { 201 | border-style: none; 202 | } 203 | 204 | /** 205 | * Hide the overflow in IE. 206 | */ 207 | 208 | svg:not(:root) { 209 | overflow: hidden; 210 | } 211 | 212 | /* Grouping content 213 | ========================================================================== */ 214 | 215 | /** 216 | * 1. Correct the inheritance and scaling of font size in all browsers. 217 | * 2. Correct the odd `em` font sizing in all browsers. 218 | */ 219 | 220 | code, 221 | kbd, 222 | pre, 223 | samp { 224 | font-family: monospace, monospace; /* 1 */ 225 | font-size: 1em; /* 2 */ 226 | } 227 | 228 | /** 229 | * Add the correct margin in IE 8. 230 | */ 231 | 232 | figure { 233 | margin: 1em 40px; 234 | } 235 | 236 | /** 237 | * 1. Add the correct box sizing in Firefox. 238 | * 2. Show the overflow in Edge and IE. 239 | */ 240 | 241 | hr { 242 | box-sizing: content-box; /* 1 */ 243 | height: 0; /* 1 */ 244 | overflow: visible; /* 2 */ 245 | } 246 | 247 | /* Forms 248 | ========================================================================== */ 249 | 250 | /** 251 | * Change font properties to `inherit` in all browsers (opinionated). 252 | */ 253 | 254 | button, 255 | input, 256 | select, 257 | textarea { 258 | font: inherit; 259 | } 260 | 261 | /** 262 | * Restore the font weight unset by the previous rule. 263 | */ 264 | 265 | optgroup { 266 | font-weight: bold; 267 | } 268 | 269 | /** 270 | * Show the overflow in IE. 271 | * 1. Show the overflow in Edge. 272 | * 2. Show the overflow in Edge, Firefox, and IE. 273 | */ 274 | 275 | button, 276 | input, /* 1 */ 277 | select { /* 2 */ 278 | overflow: visible; 279 | } 280 | 281 | /** 282 | * Remove the margin in Safari. 283 | * 1. Remove the margin in Firefox and Safari. 284 | */ 285 | 286 | button, 287 | input, 288 | select, 289 | textarea { /* 1 */ 290 | margin: 0; 291 | } 292 | 293 | /** 294 | * Remove the inheritence of text transform in Edge, Firefox, and IE. 295 | * 1. Remove the inheritence of text transform in Firefox. 296 | */ 297 | 298 | button, 299 | select { /* 1 */ 300 | text-transform: none; 301 | } 302 | 303 | /** 304 | * Change the cursor in all browsers (opinionated). 305 | */ 306 | 307 | button, 308 | [type="button"], 309 | [type="reset"], 310 | [type="submit"] { 311 | cursor: pointer; 312 | } 313 | 314 | /** 315 | * Restore the default cursor to disabled elements unset by the previous rule. 316 | */ 317 | 318 | [disabled] { 319 | cursor: default; 320 | } 321 | 322 | /** 323 | * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` 324 | * controls in Android 4. 325 | * 2. Correct the inability to style clickable types in iOS. 326 | */ 327 | 328 | button, 329 | html [type="button"], /* 1 */ 330 | [type="reset"], 331 | [type="submit"] { 332 | -webkit-appearance: button; /* 2 */ 333 | } 334 | 335 | /** 336 | * Remove the inner border and padding in Firefox. 337 | */ 338 | 339 | button::-moz-focus-inner, 340 | input::-moz-focus-inner { 341 | border: 0; 342 | padding: 0; 343 | } 344 | 345 | /** 346 | * Restore the focus styles unset by the previous rule. 347 | */ 348 | 349 | button:-moz-focusring, 350 | input:-moz-focusring { 351 | outline: 1px dotted ButtonText; 352 | } 353 | 354 | /** 355 | * Change the border, margin, and padding in all browsers (opinionated). 356 | */ 357 | 358 | fieldset { 359 | border: 1px solid #c0c0c0; 360 | margin: 0 2px; 361 | padding: 0.35em 0.625em 0.75em; 362 | } 363 | 364 | /** 365 | * 1. Correct the text wrapping in Edge and IE. 366 | * 2. Correct the color inheritance from `fieldset` elements in IE. 367 | * 3. Remove the padding so developers are not caught out when they zero out 368 | * `fieldset` elements in all browsers. 369 | */ 370 | 371 | legend { 372 | box-sizing: border-box; /* 1 */ 373 | color: inherit; /* 2 */ 374 | display: table; /* 1 */ 375 | max-width: 100%; /* 1 */ 376 | padding: 0; /* 3 */ 377 | white-space: normal; /* 1 */ 378 | } 379 | 380 | /** 381 | * Remove the default vertical scrollbar in IE. 382 | */ 383 | 384 | textarea { 385 | overflow: auto; 386 | } 387 | 388 | /** 389 | * 1. Add the correct box sizing in IE 10-. 390 | * 2. Remove the padding in IE 10-. 391 | */ 392 | 393 | [type="checkbox"], 394 | [type="radio"] { 395 | box-sizing: border-box; /* 1 */ 396 | padding: 0; /* 2 */ 397 | } 398 | 399 | /** 400 | * Correct the cursor style of increment and decrement buttons in Chrome. 401 | */ 402 | 403 | [type="number"]::-webkit-inner-spin-button, 404 | [type="number"]::-webkit-outer-spin-button { 405 | height: auto; 406 | } 407 | 408 | /** 409 | * Correct the odd appearance of search inputs in Chrome and Safari. 410 | */ 411 | 412 | [type="search"] { 413 | -webkit-appearance: textfield; 414 | } 415 | 416 | /** 417 | * Remove the inner padding and cancel buttons in Chrome on OS X and 418 | * Safari on OS X. 419 | */ 420 | 421 | [type="search"]::-webkit-search-cancel-button, 422 | [type="search"]::-webkit-search-decoration { 423 | -webkit-appearance: none; 424 | } 425 | -------------------------------------------------------------------------------- /src/styles/components/octicons/_octicons.scss: -------------------------------------------------------------------------------- 1 | $octicons-font-path: "." !default; 2 | $octicons-version: "c5a1d52cb40008f6d4ed65bf3f12d508b2fe8c88"; 3 | 4 | @font-face { 5 | font-family: 'octicons'; 6 | src: url('#{$octicons-font-path}/octicons.eot?#iefix&v=#{$octicons-version}') format('embedded-opentype'), 7 | url('#{$octicons-font-path}/octicons.woff?v=#{$octicons-version}') format('woff'), 8 | url('#{$octicons-font-path}/octicons.ttf?v=#{$octicons-version}') format('truetype'), 9 | url('#{$octicons-font-path}/octicons.svg?v=#{$octicons-version}#octicons') format('svg'); 10 | font-weight: normal; 11 | font-style: normal; 12 | } 13 | 14 | // .octicon is optimized for 16px. 15 | // .mega-octicon is optimized for 32px but can be used larger. 16 | .octicon, .mega-octicon { 17 | font: normal normal normal 16px/1 octicons; 18 | display: inline-block; 19 | text-decoration: none; 20 | text-rendering: auto; 21 | -webkit-font-smoothing: antialiased; 22 | -moz-osx-font-smoothing: grayscale; 23 | -webkit-user-select: none; 24 | -moz-user-select: none; 25 | -ms-user-select: none; 26 | user-select: none; 27 | } 28 | .mega-octicon { font-size: 32px; } 29 | 30 | .octicon-alert:before { content: '\f02d'} /*  */ 31 | .octicon-arrow-down:before { content: '\f03f'} /*  */ 32 | .octicon-arrow-left:before { content: '\f040'} /*  */ 33 | .octicon-arrow-right:before { content: '\f03e'} /*  */ 34 | .octicon-arrow-small-down:before { content: '\f0a0'} /*  */ 35 | .octicon-arrow-small-left:before { content: '\f0a1'} /*  */ 36 | .octicon-arrow-small-right:before { content: '\f071'} /*  */ 37 | .octicon-arrow-small-up:before { content: '\f09f'} /*  */ 38 | .octicon-arrow-up:before { content: '\f03d'} /*  */ 39 | .octicon-microscope:before, 40 | .octicon-beaker:before { content: '\f0dd'} /*  */ 41 | .octicon-bell:before { content: '\f0de'} /*  */ 42 | .octicon-bold:before { content: '\f0e2'} /*  */ 43 | .octicon-book:before { content: '\f007'} /*  */ 44 | .octicon-bookmark:before { content: '\f07b'} /*  */ 45 | .octicon-briefcase:before { content: '\f0d3'} /*  */ 46 | .octicon-broadcast:before { content: '\f048'} /*  */ 47 | .octicon-browser:before { content: '\f0c5'} /*  */ 48 | .octicon-bug:before { content: '\f091'} /*  */ 49 | .octicon-calendar:before { content: '\f068'} /*  */ 50 | .octicon-check:before { content: '\f03a'} /*  */ 51 | .octicon-checklist:before { content: '\f076'} /*  */ 52 | .octicon-chevron-down:before { content: '\f0a3'} /*  */ 53 | .octicon-chevron-left:before { content: '\f0a4'} /*  */ 54 | .octicon-chevron-right:before { content: '\f078'} /*  */ 55 | .octicon-chevron-up:before { content: '\f0a2'} /*  */ 56 | .octicon-circle-slash:before { content: '\f084'} /*  */ 57 | .octicon-circuit-board:before { content: '\f0d6'} /*  */ 58 | .octicon-clippy:before { content: '\f035'} /*  */ 59 | .octicon-clock:before { content: '\f046'} /*  */ 60 | .octicon-cloud-download:before { content: '\f00b'} /*  */ 61 | .octicon-cloud-upload:before { content: '\f00c'} /*  */ 62 | .octicon-code:before { content: '\f05f'} /*  */ 63 | .octicon-comment-add:before, 64 | .octicon-comment:before { content: '\f02b'} /*  */ 65 | .octicon-comment-discussion:before { content: '\f04f'} /*  */ 66 | .octicon-credit-card:before { content: '\f045'} /*  */ 67 | .octicon-dash:before { content: '\f0ca'} /*  */ 68 | .octicon-dashboard:before { content: '\f07d'} /*  */ 69 | .octicon-database:before { content: '\f096'} /*  */ 70 | .octicon-clone:before, 71 | .octicon-desktop-download:before { content: '\f0dc'} /*  */ 72 | .octicon-device-camera:before { content: '\f056'} /*  */ 73 | .octicon-device-camera-video:before { content: '\f057'} /*  */ 74 | .octicon-device-desktop:before { content: '\f27c'} /*  */ 75 | .octicon-device-mobile:before { content: '\f038'} /*  */ 76 | .octicon-diff:before { content: '\f04d'} /*  */ 77 | .octicon-diff-added:before { content: '\f06b'} /*  */ 78 | .octicon-diff-ignored:before { content: '\f099'} /*  */ 79 | .octicon-diff-modified:before { content: '\f06d'} /*  */ 80 | .octicon-diff-removed:before { content: '\f06c'} /*  */ 81 | .octicon-diff-renamed:before { content: '\f06e'} /*  */ 82 | .octicon-ellipsis:before { content: '\f09a'} /*  */ 83 | .octicon-eye-unwatch:before, 84 | .octicon-eye-watch:before, 85 | .octicon-eye:before { content: '\f04e'} /*  */ 86 | .octicon-file-binary:before { content: '\f094'} /*  */ 87 | .octicon-file-code:before { content: '\f010'} /*  */ 88 | .octicon-file-directory:before { content: '\f016'} /*  */ 89 | .octicon-file-media:before { content: '\f012'} /*  */ 90 | .octicon-file-pdf:before { content: '\f014'} /*  */ 91 | .octicon-file-submodule:before { content: '\f017'} /*  */ 92 | .octicon-file-symlink-directory:before { content: '\f0b1'} /*  */ 93 | .octicon-file-symlink-file:before { content: '\f0b0'} /*  */ 94 | .octicon-file-text:before { content: '\f011'} /*  */ 95 | .octicon-file-zip:before { content: '\f013'} /*  */ 96 | .octicon-flame:before { content: '\f0d2'} /*  */ 97 | .octicon-fold:before { content: '\f0cc'} /*  */ 98 | .octicon-gear:before { content: '\f02f'} /*  */ 99 | .octicon-gift:before { content: '\f042'} /*  */ 100 | .octicon-gist:before { content: '\f00e'} /*  */ 101 | .octicon-gist-secret:before { content: '\f08c'} /*  */ 102 | .octicon-git-branch-create:before, 103 | .octicon-git-branch-delete:before, 104 | .octicon-git-branch:before { content: '\f020'} /*  */ 105 | .octicon-git-commit:before { content: '\f01f'} /*  */ 106 | .octicon-git-compare:before { content: '\f0ac'} /*  */ 107 | .octicon-git-merge:before { content: '\f023'} /*  */ 108 | .octicon-git-pull-request-abandoned:before, 109 | .octicon-git-pull-request:before { content: '\f009'} /*  */ 110 | .octicon-globe:before { content: '\f0b6'} /*  */ 111 | .octicon-graph:before { content: '\f043'} /*  */ 112 | .octicon-heart:before { content: '\2665'} /* ♥ */ 113 | .octicon-history:before { content: '\f07e'} /*  */ 114 | .octicon-home:before { content: '\f08d'} /*  */ 115 | .octicon-horizontal-rule:before { content: '\f070'} /*  */ 116 | .octicon-hubot:before { content: '\f09d'} /*  */ 117 | .octicon-inbox:before { content: '\f0cf'} /*  */ 118 | .octicon-info:before { content: '\f059'} /*  */ 119 | .octicon-issue-closed:before { content: '\f028'} /*  */ 120 | .octicon-issue-opened:before { content: '\f026'} /*  */ 121 | .octicon-issue-reopened:before { content: '\f027'} /*  */ 122 | .octicon-italic:before { content: '\f0e4'} /*  */ 123 | .octicon-jersey:before { content: '\f019'} /*  */ 124 | .octicon-key:before { content: '\f049'} /*  */ 125 | .octicon-keyboard:before { content: '\f00d'} /*  */ 126 | .octicon-law:before { content: '\f0d8'} /*  */ 127 | .octicon-light-bulb:before { content: '\f000'} /*  */ 128 | .octicon-link:before { content: '\f05c'} /*  */ 129 | .octicon-link-external:before { content: '\f07f'} /*  */ 130 | .octicon-list-ordered:before { content: '\f062'} /*  */ 131 | .octicon-list-unordered:before { content: '\f061'} /*  */ 132 | .octicon-location:before { content: '\f060'} /*  */ 133 | .octicon-gist-private:before, 134 | .octicon-mirror-private:before, 135 | .octicon-git-fork-private:before, 136 | .octicon-lock:before { content: '\f06a'} /*  */ 137 | .octicon-logo-gist:before { content: '\f0ad'} /*  */ 138 | .octicon-logo-github:before { content: '\f092'} /*  */ 139 | .octicon-mail:before { content: '\f03b'} /*  */ 140 | .octicon-mail-read:before { content: '\f03c'} /*  */ 141 | .octicon-mail-reply:before { content: '\f051'} /*  */ 142 | .octicon-mark-github:before { content: '\f00a'} /*  */ 143 | .octicon-markdown:before { content: '\f0c9'} /*  */ 144 | .octicon-megaphone:before { content: '\f077'} /*  */ 145 | .octicon-mention:before { content: '\f0be'} /*  */ 146 | .octicon-milestone:before { content: '\f075'} /*  */ 147 | .octicon-mirror-public:before, 148 | .octicon-mirror:before { content: '\f024'} /*  */ 149 | .octicon-mortar-board:before { content: '\f0d7'} /*  */ 150 | .octicon-mute:before { content: '\f080'} /*  */ 151 | .octicon-no-newline:before { content: '\f09c'} /*  */ 152 | .octicon-octoface:before { content: '\f008'} /*  */ 153 | .octicon-organization:before { content: '\f037'} /*  */ 154 | .octicon-package:before { content: '\f0c4'} /*  */ 155 | .octicon-paintcan:before { content: '\f0d1'} /*  */ 156 | .octicon-pencil:before { content: '\f058'} /*  */ 157 | .octicon-person-add:before, 158 | .octicon-person-follow:before, 159 | .octicon-person:before { content: '\f018'} /*  */ 160 | .octicon-pin:before { content: '\f041'} /*  */ 161 | .octicon-plug:before { content: '\f0d4'} /*  */ 162 | .octicon-repo-create:before, 163 | .octicon-gist-new:before, 164 | .octicon-file-directory-create:before, 165 | .octicon-file-add:before, 166 | .octicon-plus:before { content: '\f05d'} /*  */ 167 | .octicon-primitive-dot:before { content: '\f052'} /*  */ 168 | .octicon-primitive-square:before { content: '\f053'} /*  */ 169 | .octicon-pulse:before { content: '\f085'} /*  */ 170 | .octicon-question:before { content: '\f02c'} /*  */ 171 | .octicon-quote:before { content: '\f063'} /*  */ 172 | .octicon-radio-tower:before { content: '\f030'} /*  */ 173 | .octicon-repo-delete:before, 174 | .octicon-repo:before { content: '\f001'} /*  */ 175 | .octicon-repo-clone:before { content: '\f04c'} /*  */ 176 | .octicon-repo-force-push:before { content: '\f04a'} /*  */ 177 | .octicon-gist-fork:before, 178 | .octicon-repo-forked:before { content: '\f002'} /*  */ 179 | .octicon-repo-pull:before { content: '\f006'} /*  */ 180 | .octicon-repo-push:before { content: '\f005'} /*  */ 181 | .octicon-rocket:before { content: '\f033'} /*  */ 182 | .octicon-rss:before { content: '\f034'} /*  */ 183 | .octicon-ruby:before { content: '\f047'} /*  */ 184 | .octicon-search-save:before, 185 | .octicon-search:before { content: '\f02e'} /*  */ 186 | .octicon-server:before { content: '\f097'} /*  */ 187 | .octicon-settings:before { content: '\f07c'} /*  */ 188 | .octicon-shield:before { content: '\f0e1'} /*  */ 189 | .octicon-log-in:before, 190 | .octicon-sign-in:before { content: '\f036'} /*  */ 191 | .octicon-log-out:before, 192 | .octicon-sign-out:before { content: '\f032'} /*  */ 193 | .octicon-smiley:before { content: '\f0e7'} /*  */ 194 | .octicon-squirrel:before { content: '\f0b2'} /*  */ 195 | .octicon-star-add:before, 196 | .octicon-star-delete:before, 197 | .octicon-star:before { content: '\f02a'} /*  */ 198 | .octicon-stop:before { content: '\f08f'} /*  */ 199 | .octicon-repo-sync:before, 200 | .octicon-sync:before { content: '\f087'} /*  */ 201 | .octicon-tag-remove:before, 202 | .octicon-tag-add:before, 203 | .octicon-tag:before { content: '\f015'} /*  */ 204 | .octicon-tasklist:before { content: '\f0e5'} /*  */ 205 | .octicon-telescope:before { content: '\f088'} /*  */ 206 | .octicon-terminal:before { content: '\f0c8'} /*  */ 207 | .octicon-text-size:before { content: '\f0e3'} /*  */ 208 | .octicon-three-bars:before { content: '\f05e'} /*  */ 209 | .octicon-thumbsdown:before { content: '\f0db'} /*  */ 210 | .octicon-thumbsup:before { content: '\f0da'} /*  */ 211 | .octicon-tools:before { content: '\f031'} /*  */ 212 | .octicon-trashcan:before { content: '\f0d0'} /*  */ 213 | .octicon-triangle-down:before { content: '\f05b'} /*  */ 214 | .octicon-triangle-left:before { content: '\f044'} /*  */ 215 | .octicon-triangle-right:before { content: '\f05a'} /*  */ 216 | .octicon-triangle-up:before { content: '\f0aa'} /*  */ 217 | .octicon-unfold:before { content: '\f039'} /*  */ 218 | .octicon-unmute:before { content: '\f0ba'} /*  */ 219 | .octicon-unverified:before { content: '\f0e8'} /*  */ 220 | .octicon-verified:before { content: '\f0e6'} /*  */ 221 | .octicon-versions:before { content: '\f064'} /*  */ 222 | .octicon-watch:before { content: '\f0e0'} /*  */ 223 | .octicon-remove-close:before, 224 | .octicon-x:before { content: '\f081'} /*  */ 225 | .octicon-zap:before { content: '\26A1'} /* ⚡ */ 226 | --------------------------------------------------------------------------------