This repository has been archived by the owner on Sep 4, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
3 lines (3 loc) · 12.6 KB
/
index.html
1
2
3
<!DOCTYPE html><html lang="en" prefix="og: http://ogp.me/ns#"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title> Srcery - Dark Color Scheme </title><meta name="author" content="Srcery Team"><meta name="description" content="Site made to preview the Srcery color scheme. Includes
screenshots for various languages."><meta property="og:title" content="Srcery - Dark Color Scheme"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://srcery-colors.github.io"><meta property="og:description" content="Site made to preview the Srcery color scheme. Includes
screenshots for various languages."><link rel="canonical" href="https://srcery-colors.github.io"><link rel="stylesheet" href="/main.d7fda01a.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha256-Vzbj7sDDS/woiFS3uNKo8eIuni59rjyNGtXfstRzStA=" crossorigin="anonymous"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.da86e5c9.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.a3182424.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.808547da.png"><link rel="manifest" href="/images/favicon/site.webmanifest"><link rel="mask-icon" href="/safari-pinned-tab.0f5f0ec7.svg" color="#5bbad5"><link rel="shortcut icon" href="/favicon.72a64d3b.ico"><meta name="msapplication-TileColor" content="#da532c"><meta name="msapplication-config" content="/browserconfig.7115e7a2.xml"><meta name="theme-color" content="#ffffff"></head><body class="bg-hard_black text-brightwhite"> <div class="fixed top-0 right-0 h-16 w-16 md:h-24 md:w-24"> <a href="https://github.com/srcery-colors" class="github-corner" aria-label="View source on Github"> <svg class="text-brightwhite" viewBox="0 0 250 250" aria-hidden="true"><path d="M0 0l115 115h15l12 27 108 108V0z"/><path d="M128.3 109c-14.5-9.3-9.3-19.4-9.3-19.4 3-6.9 1.5-11 1.5-11-1.3-6.6 2.9-2.3 2.9-2.3 3.9 4.6 2.1 11 2.1 11-2.6 10.3 5.1 14.6 8.9 15.9" fill="currentColor" style="transform-origin:130px 106px" class="octo-arm"/><path d="M115 115c-.1.1 3.7 1.5 4.8.4l13.9-13.8c3.2-2.4 6.2-3.2 8.5-3-8.4-10.6-14.7-24.2 1.6-40.6 4.7-4.6 10.2-6.8 15.9-7 .6-1.6 3.5-7.4 11.7-10.9 0 0 4.7 2.4 7.4 16.1 4.3 2.4 8.4 5.6 12.1 9.2 3.6 3.6 6.8 7.8 9.2 12.2 13.7 2.6 16.2 7.3 16.2 7.3-3.6 8.2-9.4 11.1-10.9 11.7-.3 5.8-2.4 11.2-7.1 15.9-16.4 16.4-30 10-40.6 1.6.2 2.8-1 6.8-5 10.8L141 136.5c-1.2 1.2.6 5.4.8 5.3z" fill="currentColor" class="octo-body"/></svg> </a> </div> <div> <header class="bg-xgray2 text-center font-iosevka border-b-2 border-brightwhite"> <div class="py-4 md:py-6"> <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1> <p>a dark color scheme</p> </div> </header> <main class="container mx-auto flex flex-col items-center px-2 sm:px-0 my-8 md:my-12 font-iosevka text-center"> <div class="flex flex-row items-center justify-center mb-8 md:mb-12"> <div class="flex flex-col sm:flex-row"> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-red"></div> </div> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-brightred"></div> </div> </div> <div class="flex flex-col sm:flex-row"> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-green"></div> </div> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-brightgreen"></div> </div> </div> <div class="flex flex-col sm:flex-row"> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-yellow"></div> </div> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-brightyellow"></div> </div> </div> <div class="flex flex-col sm:flex-row"> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-blue"></div> </div> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-brightblue"></div> </div> </div> <div class="flex flex-col sm:flex-row"> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-magenta"></div> </div> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-brightmagenta"></div> </div> </div> <div class="flex flex-col sm:flex-row"> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-cyan"></div> </div> <div class="flex-none w-6 mx-1"> <div class="h-12 sm:h-24 bg-brightcyan"></div> </div> </div> </div> <section class="max-w-2xl mb-8 md:mb-12"> <h2 class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"> Introduction </h2> <p class="mb-4 text-justify"> <a href="https://github.com/srcery-colors" class="inline-block no-underline text-brightgreen hover:text-brightblue antialiased"> Srcery </a> is a color scheme with clearly defined contrasting colors and a slightly earthy tone. </p> <p class="mb-4 sm:mb-8"> ~~~ </p> <p class="text-justify"> Created using colors that logically adheres to the 16 color base palette of a given terminal, while trying to retain its own identity. The colors are designed to be easy on the eyes yet contrast well with the background for long sessions using an editor or terminal emulator. </p> </section> <section class="max-w-2xl mb-8 md:mb-12"> <h2 class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"> Implementations </h2> <p class="mb-4 text-justify"> Srcery initially started as a vim colorscheme, but has since then branched out to multiple ports and implementations. It's an ongoing process, and contributors are welcome. </p> <ul class="list-reset"> <li> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/srcery-colors/srcery-emacs"> Emacs </a> </li> <li> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/srcery-colors/srcery-gui"> GUI Application Configurations </a> </li> <li> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/srcery-colors/srcery-shell"> Shell Application Configurations </a> </li> <li> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/srcery-colors/srcery-terminal"> Terminal Configurations </a> </li> <li> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/srcery-colors/srcery-tmux"> tmux </a> </li> <li> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/srcery-colors/srcery-vim"> Vim </a> </li> <li> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/srcery-colors/srcery-vscode"> Visual Studio Code </a> </li> <li> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/srcery-colors/srcery-web"> Web Assets </a> </li> </ul> </section> <section class="max-w-2xl mb-8 md:mb-12"> <h2 class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"> Social </h2> <a href="https://discord.gg/G6vBMmZ"><svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-40" viewBox="0 0 800 272.1"><path class="st0" d="M142.8 120.1c-5.7 0-10.2 4.9-10.2 11s4.6 11 10.2 11c5.7 0 10.2-4.9 10.2-11s-4.6-11-10.2-11zm-36.5 0c-5.7 0-10.2 4.9-10.2 11s4.6 11 10.2 11c5.7 0 10.2-4.9 10.2-11 .1-6.1-4.5-11-10.2-11z"/><path class="st0" d="M191.4 36.9h-134c-11.3 0-20.5 9.2-20.5 20.5v134c0 11.3 9.2 20.5 20.5 20.5h113.4l-5.3-18.3 12.8 11.8 12.1 11.1 21.6 18.7V57.4c-.1-11.3-9.3-20.5-20.6-20.5zm-38.6 129.5s-3.6-4.3-6.6-8c13.1-3.7 18.1-11.8 18.1-11.8-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.4-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.6-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.2-1.8-1-2.8-1.7-2.8-1.7s4.8 7.9 17.5 11.7c-3 3.8-6.7 8.2-6.7 8.2-22.1-.7-30.5-15.1-30.5-15.1 0-31.9 14.4-57.8 14.4-57.8 14.4-10.7 28-10.4 28-10.4l1 1.2c-18 5.1-26.2 13-26.2 13s2.2-1.2 5.9-2.8c10.7-4.7 19.2-5.9 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.5 0 0-7.9-7.5-24.9-12.6l1.4-1.6s13.7-.3 28 10.4c0 0 14.4 25.9 14.4 57.8 0-.1-8.4 14.3-30.5 15zm151-86.7h-33.2V117l22.1 19.9v-36.2h11.8c7.5 0 11.2 3.6 11.2 9.4v27.7c0 5.8-3.5 9.7-11.2 9.7h-34v21.1h33.2c17.8.1 34.5-8.8 34.5-29.2v-29.8c.1-20.8-16.6-29.9-34.4-29.9zm174 59.7v-30.6c0-11 19.8-13.5 25.8-2.5l18.3-7.4c-7.2-15.8-20.3-20.4-31.2-20.4-17.8 0-35.4 10.3-35.4 30.3v30.6c0 20.2 17.6 30.3 35 30.3 11.2 0 24.6-5.5 32-19.9l-19.6-9c-4.8 12.3-24.9 9.3-24.9-1.4zM417.3 113c-6.9-1.5-11.5-4-11.8-8.3.4-10.3 16.3-10.7 25.6-.8l14.7-11.3c-9.2-11.2-19.6-14.2-30.3-14.2-16.3 0-32.1 9.2-32.1 26.6 0 16.9 13 26 27.3 28.2 7.3 1 15.4 3.9 15.2 8.9-.6 9.5-20.2 9-29.1-1.8l-14.2 13.3c8.3 10.7 19.6 16.1 30.2 16.1 16.3 0 34.4-9.4 35.1-26.6 1-21.7-14.8-27.2-30.6-30.1zm-67 55.5h22.4V79.7h-22.4v88.8zM728 79.7h-33.2V117l22.1 19.9v-36.2h11.8c7.5 0 11.2 3.6 11.2 9.4v27.7c0 5.8-3.5 9.7-11.2 9.7h-34v21.1H728c17.8.1 34.5-8.8 34.5-29.2v-29.8c0-20.8-16.7-29.9-34.5-29.9zm-162.9-1.2c-18.4 0-36.7 10-36.7 30.5v30.3c0 20.3 18.4 30.5 36.9 30.5 18.4 0 36.7-10.2 36.7-30.5V109c0-20.4-18.5-30.5-36.9-30.5zm14.4 60.8c0 6.4-7.2 9.7-14.3 9.7-7.2 0-14.4-3.1-14.4-9.7V109c0-6.5 7-10 14-10 7.3 0 14.7 3.1 14.7 10v30.3zM682.4 109c-.5-20.8-14.7-29.2-33-29.2h-35.5v88.8h22.7v-28.2h4l20.6 28.2h28L665 138.1c10.7-3.4 17.4-12.7 17.4-29.1zm-32.6 12h-13.2v-20.3h13.2c14.1 0 14.1 20.3 0 20.3z"/></svg> </a> </section> <section class="mb-8 md:mb-12"> <h2 class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"> Preview </h2> <div class="flex flex-col lg:flex-row flex-wrap px-1 sm:px-2 sm:-mx-2"> <div class="w-full lg:w-1/2 mb-4 px-2"> <a data-fancybox="gallery" href="/images/viml_bash.png" data-caption="VimL / Bash" class="outline-none"> <img alt="Bash/VimL" src="/viml_bash.min.ab0e92cc.png"> </a> </div> <div class="w-full lg:w-1/2 mb-4 px-2"> <a data-fancybox="gallery" href="/images/lisp.png" data-caption="Clojure / Elisp" class="outline-none"> <img alt="Clojure" src="/lisp.min.5b1ea751.png"> </a> </div> <div class="w-full lg:w-1/2 mb-4 px-2"> <a data-fancybox="gallery" href="/images/c_rust.png" data-caption="C / Rust" class="outline-none"> <img alt="C/Rust" src="/c_rust.min.62efa678.png"> </a> </div> <div class="w-full lg:w-1/2 mb-4 px-2"> <a data-fancybox="gallery" href="/images/py_js.png" data-caption="Python / JavaScript" class="outline-none"> <img class=".outline-none" alt="Python/JavsScript" src="/py_js.min.9f83cea0.png"> </a> </div> <div class="w-full lg:w-1/2 mb-4 px-2"> <a data-fancybox="gallery" href="/images/git_term.png" data-caption="Git / Terminal" class="outline-none"> <img alt="Python/JavsScript" src="/git_term.min.31124d76.png"> </a> </div> </div> </section> <section class="max-w-2xl mb-4"> <h2 class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"> Attribution </h2> <p class="text-justify mb-4"> This project started as essentially a palette swap of <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/morhetz/gruvbox">Gruvbox</a> and all credit goes to the maintainers of that fantastic color scheme. Project author wanted something a bit sharper, but loved the syntax color choices of Gruvbox. He also tried to make the theme as simple to use as possible, which was inspired by <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/romainl/flattened">Flattened</a>. </p> <p class="mb-1">Other influences:</p> <ul class="list-reset"> <li class="inline-block"> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/sjl/badwolf">Badwolf</a> </li> <li class="inline-block"> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="http://chriskempson.com/projects/base16/">Base16</a> </li> <li class="inline-block"> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/nanotech/jellybeans.vim">Jellybeans</a> </li> <li class="inline-block"> <a class="text-brightgreen hover:text-brightblue antialiased no-underline" href="https://github.com/tomasr/molokai">Molokai</a> </li> </ul> </section> </main> <footer class="bg-xgray2 p-4"> <p class="tracking-wide text-center"> Made with <svg class="inline-block fill-current h-3 w-3 align-middle text-red hover:text-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 3.22l-.61-.6a5.5 5.5 0 00-7.78 7.77L10 18.78l8.39-8.4a5.5 5.5 0 00-7.78-7.77l-.61.61z"/></svg> by the <a class="text-yellow hover:text-magenta no-underline" href="https://github.com/srcery-colors">srcery team</a>. </p> </footer> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha256-yt2kYMy0w8AbtF89WXb2P1rfjcP/HTHLT7097U8Y5b8=" crossorigin="anonymous"></script> </body></html>