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
2021-05-01 21:13:34 +03:00
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" >
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/prismjs@1.23.0/themes/prism.css" >
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 >
2022-04-19 02:59:46 +03:00
< a href = https://github.com/Gogh-Co/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
2021-05-01 21:13:34 +03:00
< header class = "gogh-header" >
2018-12-06 19:47:21 +03:00
< h1 >
< span > Gogh < / span >
2022-04-19 02:59:46 +03:00
< img src = "https://raw.githubusercontent.com/Gogh-Co/Gogh/master/images/gogh/Gogh-logo-dark.png" alt = "" >
2018-12-06 19:47:21 +03:00
< / h1 >
< / header >
2021-05-01 21:13:34 +03:00
< div class = "gogh-content" >
2020-12-19 08:07:07 +03:00
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< h2 >
2021-05-01 21:13:34 +03:00
Color Scheme for Gnome Terminal, Pantheon Terminal, Tilix, and XFCE4 Terminal
2020-12-19 08:07:07 +03:00
< / 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"
2022-04-19 02:59:46 +03:00
href=https://github.com/Gogh-Co/Gogh
2020-12-19 08:07:07 +03:00
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"
2022-04-19 02:59:46 +03:00
href="https://github.com/Gogh-Co/Gogh"
2020-12-19 08:07:07 +03:00
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" >
2021-05-01 21:13:34 +03:00
< h4 > Linux < span > (wget)< / span > < / h4 >
< div class = "code-holder" >
< 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 >
2020-12-19 08:07:07 +03:00
< / div >
< div class = "code-wrap" >
2021-05-01 21:13:34 +03:00
< h4 > Mac < span > (curl)< / span > < / h4 >
< div class = "code-holder" >
< 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-12-19 08:07:07 +03:00
< / 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" >
2020-12-20 03:28:09 +03:00
< div class = "row justify-content-center" >
2020-12-19 08:07:07 +03:00
< 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" >
2021-05-01 21:13:34 +03:00
< div class = "bar" >
2020-12-19 08:07:07 +03:00
< 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 >
2021-05-01 21:13:34 +03:00
2023-02-26 08:12:58 +03:00
< div class = "row" >
< div class = "col-sm-6 col-md-12 col-lg-6 col-xl-6" >
< div class = "body__txt" >
< p :style = "'color: ' + theme.black" >
< span > AaBbMmYyZz - {{ theme.black.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.red" >
< span > AaBbMmYyZz - {{ theme.red.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.green" >
< span > AaBbMmYyZz - {{ theme.green.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.yellow" >
< span > AaBbMmYyZz - {{ theme.yellow.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.blue" >
< span > AaBbMmYyZz - {{ theme.blue.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.purple" >
< span > AaBbMmYyZz - {{ theme.purple.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.cyan" >
< span > AaBbMmYyZz - {{ theme.cyan.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.white" >
< span > AaBbMmYyZz - {{ theme.white.toUpperCase() }}< / span >
< / p >
< / div >
< / div >
< div class = "col-sm-6 col-md-12 col-lg-6 col-xl-6" >
< div class = "body__txt" >
< p :style = "'color: ' + theme.brightBlack" >
< span > AaBbMmYyZz - {{ theme.brightBlack.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.brightRed" >
< span > AaBbMmYyZz - {{ theme.brightRed.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.brightGreen" >
< span > AaBbMmYyZz - {{ theme.brightGreen.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.brightYellow" >
< span > AaBbMmYyZz - {{ theme.brightYellow.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.brightBlue" >
< span > AaBbMmYyZz - {{ theme.brightBlue.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.brightPurple" >
< span > AaBbMmYyZz - {{ theme.brightPurple.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.brightCyan" >
< span > AaBbMmYyZz - {{ theme.brightCyan.toUpperCase() }}< / span >
< / p >
< p :style = "'color: ' + theme.brightWhite" >
< span > AaBbMmYyZz - {{ theme.brightWhite.toUpperCase() }}< / span >
< / p >
< / div >
< / div >
2020-12-19 08:07:07 +03:00
< / div >
2023-02-26 08:12:58 +03:00
2020-12-19 08:07:07 +03:00
< div class = "cmd" >
2021-05-01 21:13:34 +03:00
< 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 >
2020-12-19 08:07:07 +03:00
< 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
2021-05-01 21:13:34 +03:00
< script src = "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" > < / script >
2018-12-06 19:47:21 +03:00
2021-05-01 21:13:34 +03:00
< script src = "https://cdn.jsdelivr.net/npm/chroma-js@2.1.1/chroma.min.js" > < / script >
2018-12-06 19:47:21 +03:00
2021-05-01 21:13:34 +03:00
< script src = "https://cdn.jsdelivr.net/npm/prismjs@1.23.0/prism.min.js" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/prismjs@1.23.0/plugins/autoloader/prism-autoloader.min.js" > < / script >
2018-12-06 19:47:21 +03:00
2021-05-01 21:13:34 +03:00
< script src = "https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js" > < / script >
2020-12-20 03:18:16 +03:00
2021-05-01 21:13:34 +03:00
< script src = "https://cdn.jsdelivr.net/npm/shufflejs@5.3.0/dist/shuffle.min.js" > < / script >
2020-03-06 07:29:02 +03:00
2022-10-07 21:15:27 +03:00
< script src = "https://cdn.jsdelivr.net/npm/axios@0.27.2/dist/axios.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://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 >
