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
2020-12-19 08:07:07 +03:00
< link rel = "preconnect" href = "https://fonts.gstatic.com" >
< link href = "https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel = "stylesheet" >
2020-05-10 04:34:39 +03:00
2020-12-19 08:07:07 +03:00
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity = "sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w==" crossorigin = "anonymous" / >
2020-05-10 04:34:39 +03:00
2020-12-19 08:07:07 +03:00
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/themes/prism.min.css" / >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap-grid.min.css" integrity = "sha512-QTQigm89ZvHzwoJ/NgJPghQPegLIwnXuOXWEdAjjOvpE9uaBGeI05+auj0RjYVr86gtMaBJRKi8hWZVsrVe/Ug==" crossorigin = "anonymous" / >
2020-05-10 04:34:39 +03:00
2018-12-06 19:47:21 +03:00
< link rel = stylesheet href = ./css/main.min.css inline >
< / head >
< body >
2020-12-19 08:07:07 +03:00
< a href = https://github.com/Mayccoll/Gogh >
2020-12-20 03:18:16 +03:00
< img
loading="lazy"
width="149"
height="149"
style="position: absolute; top: 0; right: 0; border: 0;"
src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png"
class="attachment-full size-full"
alt="Fork me on GitHub"
data-recalc-dims="1">
2020-12-19 08:07:07 +03:00
< / a >
2018-12-06 19:47:21 +03:00
2020-12-19 08:07:07 +03:00
< header class = gogh-header >
2018-12-06 19:47:21 +03:00
< h1 >
< span > Gogh < / span >
2020-12-19 08:07:07 +03:00
< img src = "https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/gogh/Gogh-logo-dark.png" alt = "" >
2018-12-06 19:47:21 +03:00
< / h1 >
< / header >
< div class = gogh-content >
2020-12-19 08:07:07 +03:00
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< h2 >
Color Scheme for Gnome Terminal, Pantheon Terminal, Tilix, and XFCE4 Terminal
< / h2 >
2020-12-20 03:18:16 +03:00
2020-12-19 08:07:07 +03:00
< p >
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.
< / p >
2018-12-06 19:47:21 +03:00
2020-12-19 08:07:07 +03:00
< div class = github-int >
< a class = "github-button"
href=https://github.com/Mayccoll/Gogh
data-color-scheme="no-preference: dark; light: light; dark: dark;"
data-size=large
aria-label="Star ntkme/github-buttons on GitHub">
View
< / a >
<!-- 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 >
< / div >
< h3 > Install < / h3 >
< p >
Just copy and paste One line command.
< / p >
2018-12-06 19:47:21 +03:00
2020-12-19 08:07:07 +03:00
< div class = "code-wrap" >
< h4 > Linux< / h4 >
< pre > < code class = "language-bash" id = "code-linux" > bash -c "$(wget -qO- https://git.io/vQgMr)" < / code > < / pre >
< span class = "btn-copy" data-clipboard-target = "#code-linux" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 32 32" fill = "#000" width = "48" height = "48" > < path d = "M27.4,14.7l-6.1-6.1C21,8.2,20.5,8,20,8h-8c-1.1,0-2,0.9-2,2v18c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V16.1C28,15.6,27.8,15.1,27.4,14.7z M20,10l5.9,6H20V10z M12,28V10h6v6c0,1.1,0.9,2,2,2h6l0,10H12z" / > < path d = "M6,18H4V4c0-1.1,0.9-2,2-2h14v2H6V18z" / > < rect width = "32" height = "32" fill = "none" / > < / svg >
< / span >
< / div >
< div class = "code-wrap" >
< h4 > Mac< / h4 >
< pre > < code class = "language-bash" id = "code-mac" > bash -c "$(curl -sLo- https://git.io/vQgMr)" < / code > < / pre >
< span class = "btn-copy" data-clipboard-target = "#code-mac" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 32 32" fill = "#000" width = "48" height = "48" > < path d = "M27.4,14.7l-6.1-6.1C21,8.2,20.5,8,20,8h-8c-1.1,0-2,0.9-2,2v18c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V16.1C28,15.6,27.8,15.1,27.4,14.7z M20,10l5.9,6H20V10z M12,28V10h6v6c0,1.1,0.9,2,2,2h6l0,10H12z" / > < path d = "M6,18H4V4c0-1.1,0.9-2,2-2h14v2H6V18z" / > < rect width = "32" height = "32" fill = "none" / > < / svg >
< / span >
< / div >
2020-03-06 07:29:02 +03:00
2020-12-19 08:07:07 +03:00
< / div >
< / div >
2018-12-06 19:47:21 +03:00
< / div >
2020-12-19 08:07:07 +03:00
< main class = gogh-terminal >
< div id = "js-vue-app" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< div class = "filters" >
2020-12-20 03:18:16 +03:00
< button class = "btn js-btn--filter"
:class="{ active: filter === 'all' }"
@click="setFilter('all'); resetMenuSelected()">
2020-12-19 08:07:07 +03:00
All
< / button >
2020-12-20 03:18:16 +03:00
< button class = "btn js-btn--filter"
:class="{ active: filter === 'light' }"
@click="setFilter('light'); resetMenuSelected()">
2020-12-19 08:07:07 +03:00
Light Themes
< / button >
2020-12-20 03:18:16 +03:00
< button class = "btn js-btn--filter"
:class="{ active: filter === 'dark' }"
@click="setFilter('dark'); resetMenuSelected()">
2020-12-19 08:07:07 +03:00
Dark Themes
< / button >
2020-12-20 03:18:16 +03:00
< button class = "btn js-btn--filter-bg"
:class="{ active: selected === 'background' }"
@click="getBackgrounds()">
by Background
< / button >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "filter-background js-filter-background" style = "display: none;" >
< template v-for = "item in themeBackgrounds" >
< button class = "btn btn--filter-bg"
:class="{ active: filter === item.toLowerCase() }"
:style="'background-color:' + item"
@click="setFilter(item)">
< span > {{ item.toLowerCase() }}< / span >
< / button >
< / template >
2020-12-19 08:07:07 +03:00
< / div >
2020-05-10 04:34:39 +03:00
< / div >
2020-12-19 08:07:07 +03:00
< / div >
< / div >
2020-12-20 03:18:16 +03:00
2020-12-19 08:07:07 +03:00
< div class = "container-fluid" >
< div class = "row" >
< template v-for = "theme in themes" >
2020-12-20 03:18:16 +03:00
< div class = "col-md-6 col-lg-6 col-xl-4" v-show = "filter === theme.category || filter === 'all' || filter === 'background' || filter === theme.background.toLowerCase()" >
2020-12-19 08:07:07 +03:00
< div class = "terminal" >
< div class = bar >
< div class = "bar__title" >
{{ theme.name }}
< / div >
< div class = "bar__btns" >
< span class = "btn--terminal btn--min" > < / span >
< span class = "btn--terminal btn--max" > < / span >
< span class = "btn--terminal btn--close" > < / span >
< / div >
< / div >
< div class = "body" :style = "'background-color: ' + theme.background" >
< div class = "body__bar body__bar--top" >
< span :style = "'background-color: ' + theme.black" > < / span >
< span :style = "'background-color: ' + theme.red" > < / span >
< span :style = "'background-color: ' + theme.green" > < / span >
< span :style = "'background-color: ' + theme.yellow" > < / span >
< span :style = "'background-color: ' + theme.blue" > < / span >
< span :style = "'background-color: ' + theme.purple" > < / span >
< span :style = "'background-color: ' + theme.cyan" > < / span >
< span :style = "'background-color: ' + theme.white" > < / span >
< / div >
< div class = "body__bar body__bar--bottom" >
< span :style = "'background-color: ' + theme.brightBlack" > < / span >
< span :style = "'background-color: ' + theme.brightRed" > < / span >
< span :style = "'background-color: ' + theme.brightGreen" > < / span >
< span :style = "'background-color: ' + theme.brightYellow" > < / span >
< span :style = "'background-color: ' + theme.brightBlue" > < / span >
< span :style = "'background-color: ' + theme.brightPurple" > < / span >
< span :style = "'background-color: ' + theme.brightCyan" > < / span >
< span :style = "'background-color: ' + theme.brightWhite" > < / span >
< / div >
< div class = "body__txt" >
< p :style = "'color: ' + theme.black" >
█ █ █ < span > *** AaBbMmYyZz . Color 01 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.red" >
█ █ █ < span > *** AaBbMmYyZz . Color 02 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.green" >
█ █ █ < span > *** AaBbMmYyZz . Color 03 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.yellow" >
█ █ █ < span > *** AaBbMmYyZz . Color 04 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.blue" >
█ █ █ < span > *** AaBbMmYyZz . Color 05 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.purple" >
█ █ █ < span > *** AaBbMmYyZz . Color 06 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.cyan" >
█ █ █ < span > *** AaBbMmYyZz . Color 07 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.white" >
█ █ █ < span > *** AaBbMmYyZz . Color 08 ---< / span > █ █ █
< / p >
< br >
< p :style = "'color: ' + theme.brightBlack" >
█ █ █ < span > *** AaBbMmYyZz . Color 09 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.brightRed" >
█ █ █ < span > *** AaBbMmYyZz . Color 10 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.brightGreen" >
█ █ █ < span > *** AaBbMmYyZz . Color 11 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.brightYellow" >
█ █ █ < span > *** AaBbMmYyZz . Color 12 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.brightBlue" >
█ █ █ < span > *** AaBbMmYyZz . Color 13 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.brightPurple" >
█ █ █ < span > *** AaBbMmYyZz . Color 14 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.brightCyan" >
█ █ █ < span > *** AaBbMmYyZz . Color 15 ---< / span > █ █ █
< / p >
< p :style = "'color: ' + theme.brightWhite" >
█ █ █ < span > *** AaBbMmYyZz . Color 16 ---< / span > █ █ █
< / p >
< / div >
< div class = "cmd" >
< span class = "cmd__ini" :style = "'color: ' + theme.foreground" > $< / span >
< span class = "cmd__sudo" :style = "'color: ' + theme.red" > sudo< / span >
< span class = "cmd__apt" :style = "'color: ' + theme.green" > apt< / span >
< span class = "cmd__install" :style = "'color: ' + theme.foreground" > install< / span >
< span class = "cmd__linux" :style = "'color: ' + theme.foreground" > linux< / span >
< span class = "cmd__cursor" :style = "'color: ' + theme.foreground" > |< / span >
< / div >
< / div >
< / div >
< / div >
< / template >
< / div >
2020-05-10 04:34:39 +03:00
< / div >
2018-12-06 19:47:21 +03:00
< / div >
2020-12-19 08:07:07 +03:00
< / main >
< / div >
2018-12-06 19:47:21 +03:00
< footer >
credits:
< a target = _blank href = "https://clipboardjs.com/" > Clipboardjs < / a > put it all together :
< / footer >
2020-12-20 03:18:16 +03:00
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity = "sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin = "anonymous" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/chroma-js/2.1.0/chroma.min.js" integrity = "sha512-yocoLferfPbcwpCMr8v/B0AB4SWpJlouBwgE0D3ZHaiP1nuu5djZclFEIj9znuqghaZ3tdCMRrreLoM8km+jIQ==" crossorigin = "anonymous" > < / script >
2020-03-06 07:29:02 +03:00
2020-12-19 08:07:07 +03:00
< script src = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/components/prism-core.min.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/plugins/autoloader/prism-autoloader.min.js" > < / script >
2020-03-06 07:29:02 +03:00
< script src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" > < / script >
2020-12-19 08:07:07 +03:00
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
2020-12-19 08:07:07 +03:00
< script src = "https://cdnjs.cloudflare.com/ajax/libs/Shuffle/5.2.3/shuffle.min.js" integrity = "sha512-VHIYn9ssmuPBliadBEgGCTRtCO4agkhQCxiPaTBKaAq0cm2KKpX+PE2klG1VfOHKKcN5eZcev0M3s5V2xXxVew==" crossorigin = "anonymous" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js" > < / script >
< script src = "https://unpkg.com/vue@next" > < / script >
2020-03-06 07:29:02 +03:00
2020-12-19 08:07:07 +03:00
< script src = ./js/main.js inline > < / script >
2018-12-06 19:47:21 +03:00
< 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 >
