diff --git a/README.md b/README.md index 7120d30..709b16e 100644 --- a/README.md +++ b/README.md @@ -31,6 +31,10 @@ Save the generated file with `.reg` extension and double click it. * __Terminator:__ Copy lines within the [profiles] section of the generated configuration file to ~/.config/terminator/config file. +* __Windows Terminal:__ + + Copy output lines within the 'schemes' array (between the square braces) of the Windows Terminal settings.json file, and give it your own name. + * __Other terminals:__ Generate one of the supported formats and copy hex values into the configuration file (or tool) of your terminal. @@ -67,6 +71,10 @@ __Victor Hugo Borja__ * http://github.com/vic * http://twitter.com/vborja +__Victor Wheeler__ + +- http://github.com/vwheeler63 + Resources --------- diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..5c125de Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html index 1750a64..a1ed282 100755 --- a/index.html +++ b/index.html @@ -11,6 +11,7 @@ *.colorscheme (konsole, yakuake) and *.itermcolors (iTerm2 for Mac)"/> + @@ -134,6 +135,9 @@

Advanced

  • terminator config

    • +
  • +

    Windows Terminalsettings.json +

    • diff --git a/js/main.js b/js/main.js index d9c769b..3d2445b 100755 --- a/js/main.js +++ b/js/main.js @@ -469,13 +469,13 @@ _4bit = function() { _.each(COLOR_NAMES, function(name) { if (0 !== name.indexOf('bright_')) { palette.push( gnomeColor(colors[name]) ); - } + } }); - + _.each(COLOR_NAMES, function(name) { if (0 === name.indexOf('bright_')) { palette.push( gnomeColor(colors[name]) ); - } + } }); out = '#!/bin/bash \n\n'; @@ -891,6 +891,66 @@ _4bit = function() { } }); + var SchemeWindowsTerminalView = Backbone.View.extend({ + + model: scheme, + + initialize: function() { + _.bindAll(this, 'render'); + var that = this; + $('#windows-terminal-button').hover(function() { + that.render(); + }); + $('#windows-terminal-button').focus(function() { + that.render(); + }); + }, + + render: function() { + var that = this; + var lsResult = ''; + var counter = 0; + + lsResult += '// --- ~/.settings.json ---------------------------------------------------------\n'; + lsResult += '// --- Copy the text below including the curly braces {...} and paste into ---\n'; + lsResult += '// --- schemes [] array in settings.json of Windows Terminal. ---\n'; + lsResult += '// ------------------------------------------------------------------------------\n'; + lsResult += '// --- generated with 4bit Terminal Color Scheme Designer -----------------------\n'; + lsResult += '// ------------------------------------------------------------------------------\n'; + lsResult += '// --- http://ciembor.github.com/4bit -------------------------------------------\n'; + lsResult += '// --- with Windows Terminal code by Victor Wheeler. ----------------------------\n'; + lsResult += '// ------------------------------------------------------------------------------\n\n'; + lsResult += ' {\n'; + lsResult += ' "name" : "your_name",\n'; + lsResult += ' "black" : "' + that.model.get('colors')['black'] + '",\n'; + lsResult += ' "red" : "' + that.model.get('colors')['red'] + '",\n'; + lsResult += ' "green" : "' + that.model.get('colors')['green'] + '",\n'; + lsResult += ' "yellow" : "' + that.model.get('colors')['yellow'] + '",\n'; + lsResult += ' "blue" : "' + that.model.get('colors')['blue'] + '",\n'; + lsResult += ' "purple" : "' + that.model.get('colors')['magenta'] + '",\n'; + lsResult += ' "cyan" : "' + that.model.get('colors')['cyan'] + '",\n'; + lsResult += ' "white" : "' + that.model.get('colors')['white'] + '",\n'; + lsResult += ' "brightBlack" : "' + that.model.get('colors')['bright_black'] + '",\n'; + lsResult += ' "brightRed" : "' + that.model.get('colors')['bright_red'] + '",\n'; + lsResult += ' "brightGreen" : "' + that.model.get('colors')['bright_green'] + '",\n'; + lsResult += ' "brightYellow" : "' + that.model.get('colors')['bright_yellow'] + '",\n'; + lsResult += ' "brightBlue" : "' + that.model.get('colors')['bright_blue'] + '",\n'; + lsResult += ' "brightPurple" : "' + that.model.get('colors')['bright_magenta'] + '",\n'; + lsResult += ' "brightCyan" : "' + that.model.get('colors')['bright_cyan'] + '",\n'; + lsResult += ' "brightWhite" : "' + that.model.get('colors')['bright_white'] + '",\n'; + lsResult += ' // --- special colors ---\n'; + lsResult += ' "background" : "' + that.model.get('colors')['background'] + '",\n'; + lsResult += ' "foreground" : "' + that.model.get('colors')['foreground'] + '"\n'; + lsResult += ' },\n\n'; + lsResult += '// ------------------------------------------------------------------------------\n'; + lsResult += '// --- end of terminal colors section -------------------------------------------\n'; + lsResult += '// ------------------------------------------------------------------------------\n\n'; + + $('#windows-terminal-button').attr('href', 'data:text/plain,' + encodeURIComponent(lsResult)); + } + + }); + var ControlsView = Backbone.View.extend({ el: $('#controls'), @@ -1055,6 +1115,7 @@ _4bit = function() { var schemeXfceTerminalView = new SchemeXfceTerminalView(); var schemePuttyView = new SchemePuttyView(); var schemeTerminatorView = new SchemeTerminatorView(); + var schemeWindowsTerminalView = new SchemeWindowsTerminalView(); var controlsView = new ControlsView(); // basic layout behaviour ///////////////////////////// diff --git a/less/main.less b/less/main.less index cd732ec..3143a50 100644 --- a/less/main.less +++ b/less/main.less @@ -233,7 +233,7 @@ body { } #get-scheme-button { - width: 116px; + width: 126px; border: 1px solid #ccc; span {