2018-12-06 19:47:21 +03:00
<!doctype html>
< html >
< head >
< meta charset = utf-8 >
< meta http-equiv = X-UA-Compatible content = "IE=edge" >
< meta name = viewport content = "width=device-width, initial-scale=1" >
2020-05-10 04:34:39 +03:00
< meta name = description content = "Color Scheme for Terminals" >
2018-12-06 19:47:21 +03:00
< meta name = author content = "Miguel D. Quintero" >
< link rel = author href = humans.txt >
< title > Gogh - Color Scheme< / title >
2020-05-10 04:34:39 +03:00
< link rel = icon type = image/png sizes = 16x16 href = ./favicons/favicon.png >
2018-12-06 19:47:21 +03:00
< link rel = icon href = favicons/favicon.ico >
2020-05-10 04:34:39 +03:00
2018-12-06 19:47:21 +03:00
< link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = stylesheet >
2020-05-10 04:34:39 +03:00
< link href = "https://fonts.googleapis.com/css?family=Raleway&display=swap" rel = "stylesheet" >
< link href = "https://fonts.googleapis.com/css2?family=Inconsolata&display=swap" rel = "stylesheet" >
2020-03-06 07:29:02 +03:00
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.19.0/themes/prism.min.css" / >
2020-05-10 04:34:39 +03:00
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap-grid.min.css" / >
2018-12-06 19:47:21 +03:00
< link rel = stylesheet href = ./css/main.min.css inline >
< / head >
< body >
< header class = cd-header >
< h1 >
< span > Gogh < / span >
< img src = https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/gogh/Gogh-logo.png alt = "" >
< / h1 >
< / header >
< a href = https://github.com/Mayccoll/Gogh >
< img
style="position: absolute; top: 0; right: 0; border: 0;"
src=https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67
alt="Fork me on GitHub"
data-canonical-src=https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png>
< / a >
< div class = gogh-content >
2020-03-06 07:29:02 +03:00
< h2 >
Color Scheme for Gnome Terminal, Pantheon Terminal, Tilix, and XFCE4 Terminal
< / h2 >
2018-12-06 19:47:21 +03:00
< p >
2020-03-06 07:29:02 +03:00
Color Schemes For Ubuntu, Linux Mint, Elementary OS and all distributions that use Gnome Terminal, Pantheon Terminal, Tilix, or XFCE4 Terminal; initially inspired by Elementary OS Luna. Also works on iTerm for macOS.
2018-12-06 19:47:21 +03:00
< / p >
< h3 > Install < / h3 >
< p >
Just copy and paste One line command.
< / p >
< div class = "code-wrap" >
< p > Linux< / p >
2020-03-06 07:29:02 +03:00
< pre > < code class = "language-bash" id = "code-linux" > bash -c "$(wget -qO- https://git.io/vQgMr)" < / code > < / pre >
2018-12-06 19:47:21 +03:00
< span class = "btn-copy" data-clipboard-target = "#code-linux" >
< img class = "clippy" src = "./img/clippy.svg" alt = "Copy to clipboard" >
< / span >
< / div >
< div class = "code-wrap" >
< p > Mac< / p >
2020-03-06 07:29:02 +03:00
< pre > < code class = "language-bash" id = "code-mac" > bash -c "$(curl -sLo- https://git.io/vQgMr)" < / code > < / pre >
2018-12-06 19:47:21 +03:00
< span class = "btn-copy" data-clipboard-target = "#code-mac" >
< img class = "clippy" src = "./img/clippy.svg" alt = "Copy to clipboard" >
< / span >
< / div >
< div class = github-int >
< a data-style = mega
href=https://github.com/Mayccoll/Gogh
2020-03-06 07:29:02 +03:00
data-size="large"
2018-12-06 19:47:21 +03:00
class=github-button>
View on Github
< / a >
2020-03-06 07:29:02 +03:00
<!-- Place this tag where you want the button to render. -->
< a class = "github-button"
href="https://github.com/Mayccoll/Gogh"
data-color-scheme="no-preference: dark; light: light; dark: dark;"
data-icon="octicon-star"
data-size="large"
data-show-count="true"
aria-label="Star ntkme/github-buttons on GitHub">Star< / a >
2018-12-06 19:47:21 +03:00
< / div >
< / div >
< main class = cd-main-content >
2020-05-10 04:34:39 +03:00
< div id = "js-vue-app" >
< div class = "container-fluid" >
< div class = "row" >
< template v-for = "value in schemes_data.schemes" >
< div class = "col-md-6 col-lg-6 col-xl-4" >
< terminal v-bind:data = "value" / >
< / div >
< / template >
< / div >
2018-12-06 19:47:21 +03:00
< / div >
< / div >
< / main >
< footer >
credits:
< a target = _blank href = "https://mixitup.kunkalabs.com/" > Mixitup < / a > -
2020-03-06 07:29:02 +03:00
< a target = _blank href = "https://codyhouse.co/gem/content-filter/" > Codyhouse < / a > -
2018-12-06 19:47:21 +03:00
< a target = _blank href = "https://clipboardjs.com/" > Clipboardjs < / a > put it all together :
2020-03-06 07:29:02 +03:00
< a href = https://lanet.co > Lanet.co< / a >
2018-12-06 19:47:21 +03:00
< / footer >
2020-05-10 04:34:39 +03:00
< template id = "template-terminal" >
< div class = "terminal" >
< div class = bar >
< div class = "bar__title" >
{{ data.name }}
< / div >
< div class = "bar__btns" >
< span class = "btn btn--min" > < / span >
< span class = "btn btn--max" > < / span >
< span class = "btn btn--close" > < / span >
< / div >
< / div >
< div class = "body" :style = "'background-color: ' + data.background" >
< div class = "body__bar body__bar--top" >
< span :style = "'background-color: ' + data.black" > < / span >
< span :style = "'background-color: ' + data.red" > < / span >
< span :style = "'background-color: ' + data.green" > < / span >
< span :style = "'background-color: ' + data.yellow" > < / span >
< span :style = "'background-color: ' + data.blue" > < / span >
< span :style = "'background-color: ' + data.purple" > < / span >
< span :style = "'background-color: ' + data.cyan" > < / span >
< span :style = "'background-color: ' + data.white" > < / span >
< / div >
< div class = "body__bar body__bar--bottom" >
< span :style = "'background-color: ' + data.brightBlack" > < / span >
< span :style = "'background-color: ' + data.brightRed" > < / span >
< span :style = "'background-color: ' + data.brightGreen" > < / span >
< span :style = "'background-color: ' + data.brightYellow" > < / span >
< span :style = "'background-color: ' + data.brightBlue" > < / span >
< span :style = "'background-color: ' + data.brightPurple" > < / span >
< span :style = "'background-color: ' + data.brightCyan" > < / span >
< span :style = "'background-color: ' + data.brightWhite" > < / span >
< / div >
< div class = "body__txt" >
< p :style = "'color: ' + data.black" >
█ █ █ < span > *** AaBbMmYyZz . Color 01 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.red" >
█ █ █ < span > *** AaBbMmYyZz . Color 02 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.green" >
█ █ █ < span > *** AaBbMmYyZz . Color 03 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.yellow" >
█ █ █ < span > *** AaBbMmYyZz . Color 04 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.blue" >
█ █ █ < span > *** AaBbMmYyZz . Color 05 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.purple" >
█ █ █ < span > *** AaBbMmYyZz . Color 06 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.cyan" >
█ █ █ < span > *** AaBbMmYyZz . Color 07 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.white" >
█ █ █ < span > *** AaBbMmYyZz . Color 08 ---< / span > █ █ █
< / p >
< br >
< p :style = "'color: ' + data.brightBlack" >
█ █ █ < span > *** AaBbMmYyZz . Color 09 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.brightRed" >
█ █ █ < span > *** AaBbMmYyZz . Color 10 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.brightGreen" >
█ █ █ < span > *** AaBbMmYyZz . Color 11 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.brightYellow" >
█ █ █ < span > *** AaBbMmYyZz . Color 12 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.brightBlue" >
█ █ █ < span > *** AaBbMmYyZz . Color 13 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.brightPurple" >
█ █ █ < span > *** AaBbMmYyZz . Color 14 ---< / span > █ █ █
< / p >
2020-12-10 07:07:13 +03:00
< p :style = "'color: ' + data.brightCyan" >
2020-05-10 04:34:39 +03:00
█ █ █ < span > *** AaBbMmYyZz . Color 15 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + data.brightWhite" >
█ █ █ < span > *** AaBbMmYyZz . Color 16 ---< / span > █ █ █
< / p >
< / div >
< div class = "cmd" >
< span class = "cmd__ini" :style = "'color: ' + data.foreground" > $< / span >
< span class = "cmd__sudo" :style = "'color: ' + data.red" > sudo< / span >
< span class = "cmd__apt" :style = "'color: ' + data.green" > apt< / span >
< span class = "cmd__install" :style = "'color: ' + data.foreground" > install< / span >
< span class = "cmd__linux" :style = "'color: ' + data.foreground" > linux< / span >
< span class = "cmd__cursor" :style = "'color: ' + data.foreground" > |< / span >
< / div >
< / div >
< / div >
2020-03-06 07:29:02 +03:00
< / template >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/mixitup/3.3.1/mixitup.min.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.19.0/components/prism-core.min.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.19.0/plugins/autoloader/prism-autoloader.min.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" > < / script >
2018-12-06 19:47:21 +03:00
< script src = https://buttons.github.io/buttons.js async = "" defer = "" id = github-bjs > < / script >
2020-03-06 07:29:02 +03:00
< script src = "https://cdn.jsdelivr.net/npm/vue" > < / script >
< script src = ./js/main.min.js inline > < / script >
< script src = "./data/themes.js" > < / script >
< script src = ./js/vue.js inline > < / script >
2018-12-06 19:47:21 +03:00
< script src = ./js/main.min.js inline > < / script >
< div id = master-dev style = display:none >
4d 69 67 75 65 6c 20 44 2e 20 51 75 69 6e 74 65 72 6f 20 2d 20 6d 69 67 75 65 6c 64 61 76 69 64 71 40 67 6d 61 69 6c 2e 63 6f 6d
< / div >
< / body >
< / html >
