diff --git a/src/css/common.css b/src/css/common.css
index 91f862e..4b4b410 100644
--- a/src/css/common.css
+++ b/src/css/common.css
@@ -11,12 +11,6 @@ table.terminal {
     border: 0;
 }
 
-td.skin pre
-{
-    color: #BABABA;
-    background-color: #000000;
-}
-
 td.left, td.right
 {
     width: 2px;
@@ -31,7 +25,7 @@ td.top, td.bottom
 
 /* Editor UI */
 
-button, select{
+button#btn-apply, select#skins{
     font-size: 20px;
 }
 
diff --git a/src/img/alpha-stripes.png b/src/img/alpha-stripes.png
new file mode 100644
index 0000000..3ce55ff
Binary files /dev/null and b/src/img/alpha-stripes.png differ
diff --git a/src/img/alpha-stripes.py b/src/img/alpha-stripes.py
new file mode 100755
index 0000000..23fce0e
--- /dev/null
+++ b/src/img/alpha-stripes.py
@@ -0,0 +1,24 @@
+#!/usr/bin/python3
+
+from PIL import Image
+
+N = 10
+
+GRAY = 0xD0
+ALPHA = 0x38
+
+img = Image.new('RGBA', (2 * N, 2 * N))
+
+for y in range(2 * N):
+  for x in range(2 * N):
+
+    if (x + y) % N == 0:
+      # antialiased edge
+      alpha = ALPHA // 2
+    else:
+      on = ((x + y) // N) % 2  # 0 or 1
+      alpha = ALPHA * on       # 0 or ALPHA
+
+    img.putpixel((x, y), (GRAY, GRAY, GRAY, alpha))
+
+img.save('alpha-stripes.png', 'PNG')
diff --git a/src/index.html b/src/index.html
index c63e237..8577fe0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -13,12 +13,12 @@
     <script src="js/jquery-1.2.6.js" type="text/javascript"></script>
     <script src="js/ui.core.js?REV_SE-REV_MC" type="text/javascript"></script>
     <script src="js/ui.tabs.js?REV_SE-REV_MC" type="text/javascript"></script>
-    <script src="js/mc-const.js?REV_SE-REV_MC" type="text/javascript"></script>
+    <script src="js/mc-palette.js?REV_SE-REV_MC" type="text/javascript"></script>
     <script src="js/mc-css-generator.js?REV_SE-REV_MC" type="text/javascript"></script>
     <script src="js/mc-tpl.js?REV_SE-REV_MC" type="text/javascript"></script>
     <script src="js/mc-templates.js?REV_SE-REV_MC" type="text/javascript"></script>
     <script src="js/mc-utils.js?REV_SE-REV_MC" type="text/javascript"></script>
-    <script src="js/cmp-colors.js?REV_SE-REV_MC" type="text/javascript"></script>
+    <script src="js/mc-cmp-colors.js?REV_SE-REV_MC" type="text/javascript"></script>
 
     <script type="text/javascript">
         $(function () {
@@ -67,7 +67,6 @@
 
             $("select#skins").change();
 
-
             $(window).keydown(function (e) {
                 // Ctrl-Enter pressed
                 if (e.ctrlKey && e.keyCode === 13) {
@@ -75,8 +74,30 @@
                 }
             });
 
-            // Insert ColorsComponent
-            $('.cmp-colors').html(new ColorsComponent().render());
+            McPalette.basic_palettes.forEach(function(element, index) {
+                $('#terminal-palettes').append($('<option />').val(index).text(element.name));
+            });
+
+            $('#terminal-palettes').change(function() {
+                $('#btn-apply').click();
+                // Re-render the palette
+                $('.cmp-colors').html(new McColorsComponent().render());
+            });
+
+            $('#terminal-light').change(function() {
+                $('#btn-apply').click();
+            });
+
+            $('#terminal-bgimage').change(function() {
+                $('#btn-apply').click();
+            });
+
+            $('#terminal-boldbright').change(function() {
+                $('#btn-apply').click();
+            });
+
+            // Render the palette
+            $('.cmp-colors').html(new McColorsComponent().render());
 
             $.get('skins.json?REV_SE-REV_MC', {}, function (data) {
                 $.each(data, function (key, value) {
@@ -123,7 +144,17 @@
         <div class="skin-view-container" id="fragment-skin-6"></div>
     </div>
     <div class="mt-2 ml-2" style="width: 810px">
-        colors hint<br><br>
+        Terminal's color settings
+        <br><br>
+        Palette:
+        <select id="terminal-palettes"></select>
+        &nbsp;&nbsp;
+        <label><input type="checkbox" id="terminal-light">Light mode</label>
+        &nbsp;&nbsp;
+        <label><input type="checkbox" id="terminal-bgimage">Background image</label>
+        &nbsp;&nbsp;
+        <label><input type="checkbox" id="terminal-boldbright">First 8 colors bright when bold</label>
+        <br><br>
         <div class="cmp-colors">
             <!-- colors will be displayed here -->
         </div>
diff --git a/src/js/cmp-colors.js b/src/js/cmp-colors.js
deleted file mode 100644
index 91904d8..0000000
--- a/src/js/cmp-colors.js
+++ /dev/null
@@ -1,21 +0,0 @@
-class ColorsComponent
-{
-    constructor(){
-        this.template = `
-            
-        `;
-        this.onColorClick = function (colorKey, color) {
-
-        }
-    }
-
-    render(){
-        let result = '';
-        for(const key in McConst.colors){
-            const color = McConst.colors[key];
-            const rgb = McUtils.web2rgb(color);
-            result += `<div onclick="alert('${key}\\n${rgb}\\n${color}')" title="${key} - ${rgb} - ${color}" style="background-color: ${color}; display: inline-block; cursor: pointer; width: 18px; height: 18px; margin-right: 4px"></div>`;
-        }
-        return result;
-    }
-}
\ No newline at end of file
diff --git a/src/js/mc-cmp-colors.js b/src/js/mc-cmp-colors.js
new file mode 100644
index 0000000..7579f6f
--- /dev/null
+++ b/src/js/mc-cmp-colors.js
@@ -0,0 +1,27 @@
+class McColorsComponent
+{
+    constructor(){
+        this.template = `
+            
+        `;
+        this.onColorClick = function (colorKey, color) {
+
+        }
+    }
+
+    render(){
+        let result = '';
+        for(let i = 0; i < 256; i++){
+            if(i % 36 == 16)
+                result += `<br>`;
+            const key = 'color' + i;
+            const name = McPalette.palette[i][0];
+            const color = McPalette.palette[i][1];
+            const onclickrgblabel = i < 16 ? "RGB in this palette" : "Standard RGB";
+            const onclicktext = `Indexed name: ${key}\\nFriendly name: ${name}\\n${onclickrgblabel}: ${color}`;
+            const tooltiptext = `${key} – ${name} – ${color}`;
+            result += `<div onclick="alert('${onclicktext}')" title="${tooltiptext}" style="background-color: ${color}; display: inline-block; cursor: pointer; width: 18px; height: 18px; margin-right: 4px"></div>`;
+        }
+        return result;
+    }
+}
diff --git a/src/js/mc-const.js b/src/js/mc-const.js
deleted file mode 100644
index 82c0c30..0000000
--- a/src/js/mc-const.js
+++ /dev/null
@@ -1,282 +0,0 @@
-class McConst
-{
-}
-
-McConst.colors = {
-    'default'		:	'#000000',
-    'black'		:	'#000000',
-    'blue'		:	'#0000AA',
-    'green'		:	'#00AA00',
-    'cyan'		:	'#00BABA',
-    'red'		:	'#AA0000',
-    'magenta'	:	'#AA00AA',
-    'brown'		:	'#BABA00',
-    'lightgray'	:	'#BABABA',
-    'gray'		:	'#555555',
-    'darkgray'	:	'#555555',
-    'brightblue'	:	'#5555FF',
-    'brightgreen'	:	'#55FF55',
-    'brightcyan'	:	'#55FFFF',
-    'brightred'	    :	'#FF5555',
-    'brightmagenta'	:	'#FF55FF',
-    'yellow'	    :	'#FFFF55',
-    'white'		    :	'#FFFFFF',
-    'RESERVED1'	    :	'#FFFFFF',
-    'RESERVED2'		    :	'#FFFFFF',
-    'color0' : '#000000',
-    'color1' : '#800000',
-    'color2' : '#008000',
-    'color3' : '#808000',
-    'color4' : '#000080',
-    'color5' : '#800080',
-    'color6' : '#008080',
-    'color7' : '#c0c0c0',
-    'color8' : '#808080',
-    'color9' : '#ff0000',
-    'color10' : '#00ff00',
-    'color11' : '#ffff00',
-    'color12' : '#0000ff',
-    'color13' : '#ff00ff',
-    'color14' : '#00ffff',
-    'color15' : '#ffffff',
-    'color16' : '#000000',
-    'color17' : '#00005f',
-    'color18' : '#000087',
-    'color19' : '#0000af',
-    'color20' : '#0000d7',
-    'color21' : '#0000ff',
-    'color22' : '#005f00',
-    'color23' : '#005f5f',
-    'color24' : '#005f87',
-    'color25' : '#005faf',
-    'color26' : '#005fd7',
-    'color27' : '#005fff',
-    'color28' : '#008700',
-    'color29' : '#00875f',
-    'color30' : '#008787',
-    'color31' : '#0087af',
-    'color32' : '#0087d7',
-    'color33' : '#0087ff',
-    'color34' : '#00af00',
-    'color35' : '#00af5f',
-    'color36' : '#00af87',
-    'color37' : '#00afaf',
-    'color38' : '#00afd7',
-    'color39' : '#00afff',
-    'color40' : '#00d700',
-    'color41' : '#00d75f',
-    'color42' : '#00d787',
-    'color43' : '#00d7af',
-    'color44' : '#00d7d7',
-    'color45' : '#00d7ff',
-    'color46' : '#00ff00',
-    'color47' : '#00ff5f',
-    'color48' : '#00ff87',
-    'color49' : '#00ffaf',
-    'color50' : '#00ffd7',
-    'color51' : '#00ffff',
-    'color52' : '#5f0000',
-    'color53' : '#5f005f',
-    'color54' : '#5f0087',
-    'color55' : '#5f00af',
-    'color56' : '#5f00d7',
-    'color57' : '#5f00ff',
-    'color58' : '#5f5f00',
-    'color59' : '#5f5f5f',
-    'color60' : '#5f5f87',
-    'color61' : '#5f5faf',
-    'color62' : '#5f5fd7',
-    'color63' : '#5f5fff',
-    'color64' : '#5f8700',
-    'color65' : '#5f875f',
-    'color66' : '#5f8787',
-    'color67' : '#5f87af',
-    'color68' : '#5f87d7',
-    'color69' : '#5f87ff',
-    'color70' : '#5faf00',
-    'color71' : '#5faf5f',
-    'color72' : '#5faf87',
-    'color73' : '#5fafaf',
-    'color74' : '#5fafd7',
-    'color75' : '#5fafff',
-    'color76' : '#5fd700',
-    'color77' : '#5fd75f',
-    'color78' : '#5fd787',
-    'color79' : '#5fd7af',
-    'color80' : '#5fd7d7',
-    'color81' : '#5fd7ff',
-    'color82' : '#5fff00',
-    'color83' : '#5fff5f',
-    'color84' : '#5fff87',
-    'color85' : '#5fffaf',
-    'color86' : '#5fffd7',
-    'color87' : '#5fffff',
-    'color88' : '#870000',
-    'color89' : '#87005f',
-    'color90' : '#870087',
-    'color91' : '#8700af',
-    'color92' : '#8700d7',
-    'color93' : '#8700ff',
-    'color94' : '#875f00',
-    'color95' : '#875f5f',
-    'color96' : '#875f87',
-    'color97' : '#875faf',
-    'color98' : '#875fd7',
-    'color99' : '#875fff',
-    'color100' : '#878700',
-    'color101' : '#87875f',
-    'color102' : '#878787',
-    'color103' : '#8787af',
-    'color104' : '#8787d7',
-    'color105' : '#8787ff',
-    'color106' : '#87af00',
-    'color107' : '#87af5f',
-    'color108' : '#87af87',
-    'color109' : '#87afaf',
-    'color110' : '#87afd7',
-    'color111' : '#87afff',
-    'color112' : '#87d700',
-    'color113' : '#87d75f',
-    'color114' : '#87d787',
-    'color115' : '#87d7af',
-    'color116' : '#87d7d7',
-    'color117' : '#87d7ff',
-    'color118' : '#87ff00',
-    'color119' : '#87ff5f',
-    'color120' : '#87ff87',
-    'color121' : '#87ffaf',
-    'color122' : '#87ffd7',
-    'color123' : '#87ffff',
-    'color124' : '#af0000',
-    'color125' : '#af005f',
-    'color126' : '#af0087',
-    'color127' : '#af00af',
-    'color128' : '#af00d7',
-    'color129' : '#af00ff',
-    'color130' : '#af5f00',
-    'color131' : '#af5f5f',
-    'color132' : '#af5f87',
-    'color133' : '#af5faf',
-    'color134' : '#af5fd7',
-    'color135' : '#af5fff',
-    'color136' : '#af8700',
-    'color137' : '#af875f',
-    'color138' : '#af8787',
-    'color139' : '#af87af',
-    'color140' : '#af87d7',
-    'color141' : '#af87ff',
-    'color142' : '#afaf00',
-    'color143' : '#afaf5f',
-    'color144' : '#afaf87',
-    'color145' : '#afafaf',
-    'color146' : '#afafd7',
-    'color147' : '#afafff',
-    'color148' : '#afd700',
-    'color149' : '#afd75f',
-    'color150' : '#afd787',
-    'color151' : '#afd7af',
-    'color152' : '#afd7d7',
-    'color153' : '#afd7ff',
-    'color154' : '#afff00',
-    'color155' : '#afff5f',
-    'color156' : '#afff87',
-    'color157' : '#afffaf',
-    'color158' : '#afffd7',
-    'color159' : '#afffff',
-    'color160' : '#d70000',
-    'color161' : '#d7005f',
-    'color162' : '#d70087',
-    'color163' : '#d700af',
-    'color164' : '#d700d7',
-    'color165' : '#d700ff',
-    'color166' : '#d75f00',
-    'color167' : '#d75f5f',
-    'color168' : '#d75f87',
-    'color169' : '#d75faf',
-    'color170' : '#d75fd7',
-    'color171' : '#d75fff',
-    'color172' : '#d78700',
-    'color173' : '#d7875f',
-    'color174' : '#d78787',
-    'color175' : '#d787af',
-    'color176' : '#d787d7',
-    'color177' : '#d787ff',
-    'color178' : '#d7af00',
-    'color179' : '#d7af5f',
-    'color180' : '#d7af87',
-    'color181' : '#d7afaf',
-    'color182' : '#d7afd7',
-    'color183' : '#d7afff',
-    'color184' : '#d7d700',
-    'color185' : '#d7d75f',
-    'color186' : '#d7d787',
-    'color187' : '#d7d7af',
-    'color188' : '#d7d7d7',
-    'color189' : '#d7d7ff',
-    'color190' : '#d7ff00',
-    'color191' : '#d7ff5f',
-    'color192' : '#d7ff87',
-    'color193' : '#d7ffaf',
-    'color194' : '#d7ffd7',
-    'color195' : '#d7ffff',
-    'color196' : '#ff0000',
-    'color197' : '#ff005f',
-    'color198' : '#ff0087',
-    'color199' : '#ff00af',
-    'color200' : '#ff00d7',
-    'color201' : '#ff00ff',
-    'color202' : '#ff5f00',
-    'color203' : '#ff5f5f',
-    'color204' : '#ff5f87',
-    'color205' : '#ff5faf',
-    'color206' : '#ff5fd7',
-    'color207' : '#ff5fff',
-    'color208' : '#ff8700',
-    'color209' : '#ff875f',
-    'color210' : '#ff8787',
-    'color211' : '#ff87af',
-    'color212' : '#ff87d7',
-    'color213' : '#ff87ff',
-    'color214' : '#ffaf00',
-    'color215' : '#ffaf5f',
-    'color216' : '#ffaf87',
-    'color217' : '#ffafaf',
-    'color218' : '#ffafd7',
-    'color219' : '#ffafff',
-    'color220' : '#ffd700',
-    'color221' : '#ffd75f',
-    'color222' : '#ffd787',
-    'color223' : '#ffd7af',
-    'color224' : '#ffd7d7',
-    'color225' : '#ffd7ff',
-    'color226' : '#ffff00',
-    'color227' : '#ffff5f',
-    'color228' : '#ffff87',
-    'color229' : '#ffffaf',
-    'color230' : '#ffffd7',
-    'color231' : '#ffffff',
-    'color232' : '#080808',
-    'color233' : '#121212',
-    'color234' : '#1c1c1c',
-    'color235' : '#262626',
-    'color236' : '#303030',
-    'color237' : '#3a3a3a',
-    'color238' : '#444444',
-    'color239' : '#4e4e4e',
-    'color240' : '#585858',
-    'color241' : '#626262',
-    'color242' : '#6c6c6c',
-    'color243' : '#767676',
-    'color244' : '#808080',
-    'color245' : '#8a8a8a',
-    'color246' : '#949494',
-    'color247' : '#9e9e9e',
-    'color248' : '#a8a8a8',
-    'color249' : '#b2b2b2',
-    'color250' : '#bcbcbc',
-    'color251' : '#c6c6c6',
-    'color252' : '#d0d0d0',
-    'color253' : '#dadada',
-    'color254' : '#e4e4e4',
-    'color255' : '#eeeeee',
-};
diff --git a/src/js/mc-css-generator.js b/src/js/mc-css-generator.js
index d9c7c89..65d9dae 100644
--- a/src/js/mc-css-generator.js
+++ b/src/js/mc-css-generator.js
@@ -16,6 +16,8 @@ class McStyleEntry{
         this.bold = false;
         this.italic = false;
         this.underline = false;
+        this.reverse = false;
+        this.blink = false;
     }
 
     /**
@@ -45,6 +47,8 @@ class McStyleEntry{
             this.bold = false;
             this.italic = false;
             this.underline = false;
+            this.reverse = false;
+            this.blink = false;
 
             const attrs = parts[2].split('+');
             for(const attr of attrs){
@@ -54,6 +58,10 @@ class McStyleEntry{
                     this.italic = true;
                 else if(attr == "underline")
                     this.underline = true;
+                else if(attr == "reverse")
+                    this.reverse = true;
+                else if(attr == "blink")
+                    this.blink = true;
             }
         }
     }
@@ -79,6 +87,9 @@ class CssGenerator
         const skipSections = ['skin', 'lines', 'widget-panel', 'widget-scrollbar', 'widget-editor'];
         let resultCss = '';
 
+        McPalette.set_light_mode($('#terminal-light').is(':checked'));
+        McPalette.apply_palette($('#terminal-palettes').val());
+
         for(const sectionName in parsedIni)
         {
             if(!parsedIni.hasOwnProperty(sectionName))
@@ -108,6 +119,15 @@ class CssGenerator
         // header
         let cssHeader = '';
 
+        // terminal's default colors and bg image
+        cssHeader += "td.skin pre { ";
+        cssHeader += "color: " + McPalette.default_fg + "; background-color: " + McPalette.default_bg + "; ";
+        if($('#terminal-bgimage').is(':checked'))
+            cssHeader += "background-image: url('img/alpha-stripes.png'); ";
+        cssHeader += "}\n";
+
+        cssHeader += "@keyframes blinker { 50% { color: transparent; } }\n";
+
         return cssHeader + resultCss;
     }
 
@@ -144,15 +164,32 @@ class CssGenerator
     renderSelectorProperties(entry)
     {
         let css = '';
-        if(entry.color){
-            css += 'color: ' + McUtils.parseMcColor(entry.color) + ';' + "\n";
+        let fg = McUtils.parseMcColor(entry.color, entry.bold);
+        let bg = McUtils.parseMcColor(entry.colorBg, false);
+        if(entry.reverse){
+            // Swap fg and bg (after brightening fg subject to the bold attribute's behavior).
+            // Note that the background image won't be visible through the letters, meh.
+            if(fg == 'default')
+                fg = McPalette.default_fg;
+            if(bg == 'default')
+                bg = McPalette.default_bg;
+            let tmp = fg; fg = bg; bg = tmp;
+        }else{
+            if(fg == 'default')
+                fg = McPalette.default_fg;
+            if(bg == 'default')
+                bg = 'transparent';  // let us see the background image
+        }
+        if(fg){
+            css += 'color: ' + fg + ';' + "\n";
         }
-        if(entry.colorBg){
-            css += 'background-color: ' + McUtils.parseMcColor(entry.colorBg) + ';' + "\n";
+        if(bg){
+            css += 'background-color: ' + bg + ';' + "\n";
         }
         css += 'font-weight: ' + (entry.bold ? 'bold' : 'normal') + ';' + "\n";
         css += 'font-style: ' + (entry.italic ? 'italic' : 'normal') + ';' + "\n";
         css += 'text-decoration: ' + (entry.underline ? 'underline' : 'none') + ';' + "\n";
+        css += 'animation: ' + (entry.blink ? 'blinker 1s step-start infinite' : 'none') + ';' + "\n";
         return css;
     }
 
diff --git a/src/js/mc-palette.js b/src/js/mc-palette.js
new file mode 100644
index 0000000..23ea808
--- /dev/null
+++ b/src/js/mc-palette.js
@@ -0,0 +1,355 @@
+class McPalette
+{
+    static apply_palette(palette_index) {
+        for (let i = 0; i < 16; i++)
+            McPalette.palette[i][1] = McPalette.basic_palettes[palette_index].entries[i];
+    }
+
+    static set_light_mode(light) {
+        let idx = light ? 1 : 0;
+        McPalette.default_fg = McPalette.default_fgs[idx];
+        McPalette.default_bg = McPalette.default_bgs[idx];
+    }
+}
+
+
+/*
+ * Default colors for dark and light modes.
+ */
+McPalette.default_fgs = [ '#AAAAAA', '#000000' ];
+McPalette.default_bgs = [ '#000000', '#FFFFFF' ];
+
+McPalette.default_fg = '';
+McPalette.default_bg = '';
+
+
+/*
+ * A couple of possibilities for the first 16 colors.
+ * They'll appear on the UI in the order listed below. It begins with the default entry Linux,
+ * and continues in (mostly) alphabetical order.
+ */
+McPalette.basic_palettes = [
+    {
+        // From /etc/console-setup/vtrgb.vga, also repeated in GNOME Terminal's source
+        name: "Linux",
+        entries: [
+            '#000000', '#AA0000', '#00AA00', '#AA5500', '#0000AA', '#AA00AA', '#00AAAA', '#AAAAAA',
+            '#555555', '#FF5555', '#55FF55', '#FFFF55', '#5555FF', '#FF55FF', '#55FFFF', '#FFFFFF'
+        ]
+    },
+    {
+        // From GNOME Terminal's src/profile-editor.cc
+        name: "GNOME Terminal",
+        entries: [
+            '#171421', '#C01C28', '#26A269', '#A2734C', '#12488B', '#A347BA', '#2AA1B3', '#D0CFCC',
+            '#5E5C64', '#F66151', '#33D17A', '#E9AD0C', '#2A7BDE', '#C061CB', '#33C7DE', '#FFFFFF'
+        ]
+    },
+    {
+        // From GNOME Terminal's src/profile-editor.cc
+        name: "GNOME old (Tango)",
+        entries: [
+            '#2E3436', '#CC0000', '#4E9A06', '#C4A000', '#3465A4', '#75507B', '#06989A', '#D3D7CF',
+            '#555753', '#EF2929', '#8AE234', '#FCE94F', '#729FCF', '#AD7FA8', '#34E2E2', '#EEEEEC'
+        ]
+    },
+    {
+        // From rxvt-unicode's src/init.C if XTERM_COLORS is undefined, also repeated in GNOME Terminal's source
+        name: "Rxvt traditional",
+        entries: [
+            '#000000', '#CD0000', '#00CD00', '#CDCD00', '#0000CD', '#CD00CD', '#00CDCD', '#FAEBD7',
+            '#404040', '#FF0000', '#00FF00', '#FFFF00', '#0000FF', '#FF00FF', '#00FFFF', '#FFFFFF'
+        ]
+    },
+    {
+        // From rxvt-unicode's src/init.C if XTERM_COLORS is defined (which is the default)
+        name: "Urxvt",
+        entries: [
+            '#000000', '#CD0000', '#00CD00', '#CDCD00', '#0000CD', '#CD00CD', '#00CDCD', '#E5E5E5',
+            '#4D4D4D', '#FF0000', '#00FF00', '#FFFF00', '#0000FF', '#FF00FF', '#00FFFF', '#FFFFFF'
+        ]
+    },
+    {
+        // From xterm's XTerm.ad (and X11's rgb.txt), also repeated in GNOME Terminal's source
+        name: "Xterm",
+        entries: [
+            '#000000', '#CD0000', '#00CD00', '#CDCD00', '#0000EE', '#CD00CD', '#00CDCD', '#E5E5E5',
+            '#7F7F7F', '#FF0000', '#00FF00', '#FFFF00', '#5C5CFF', '#FF00FF', '#00FFFF', '#FFFFFF'
+        ]
+    }
+];
+
+/*
+ * The 256-color palette.
+ * The first 16 entries vary heavily across terminals, can be set from any of basic_palettes' items.
+ * The next 240 entries are the same across all terminals I'm aware of.
+ */
+McPalette.palette = [
+    // basic dark colors; RGB values will be filled in later
+    [ 'black',         '' ],  //   0
+    [ 'red',           '' ],  //   1
+    [ 'green',         '' ],  //   2
+    [ 'brown',         '' ],  //   3
+    [ 'blue',          '' ],  //   4
+    [ 'magenta',       '' ],  //   5
+    [ 'cyan',          '' ],  //   6
+    [ 'lightgray',     '' ],  //   7
+
+    // basic light colors; RGB values will be filled in later
+    [ 'gray',          '' ],  //   8
+    [ 'brightred',     '' ],  //   9
+    [ 'brightgreen',   '' ],  //  10
+    [ 'yellow',        '' ],  //  11
+    [ 'brightblue',    '' ],  //  12
+    [ 'brightmagenta', '' ],  //  13
+    [ 'brightcyan',    '' ],  //  14
+    [ 'white',         '' ],  //  15
+
+    // 6x6x6 color cube
+    [ 'rgb000', '#000000' ],  //  16
+    [ 'rgb001', '#00005F' ],  //  17
+    [ 'rgb002', '#000087' ],  //  18
+    [ 'rgb003', '#0000AF' ],  //  19
+    [ 'rgb004', '#0000D7' ],  //  20
+    [ 'rgb005', '#0000FF' ],  //  21
+    [ 'rgb010', '#005F00' ],  //  22
+    [ 'rgb011', '#005F5F' ],  //  23
+    [ 'rgb012', '#005F87' ],  //  24
+    [ 'rgb013', '#005FAF' ],  //  25
+    [ 'rgb014', '#005FD7' ],  //  26
+    [ 'rgb015', '#005FFF' ],  //  27
+    [ 'rgb020', '#008700' ],  //  28
+    [ 'rgb021', '#00875F' ],  //  29
+    [ 'rgb022', '#008787' ],  //  30
+    [ 'rgb023', '#0087AF' ],  //  31
+    [ 'rgb024', '#0087D7' ],  //  32
+    [ 'rgb025', '#0087FF' ],  //  33
+    [ 'rgb030', '#00AF00' ],  //  34
+    [ 'rgb031', '#00AF5F' ],  //  35
+    [ 'rgb032', '#00AF87' ],  //  36
+    [ 'rgb033', '#00AFAF' ],  //  37
+    [ 'rgb034', '#00AFD7' ],  //  38
+    [ 'rgb035', '#00AFFF' ],  //  39
+    [ 'rgb040', '#00D700' ],  //  40
+    [ 'rgb041', '#00D75F' ],  //  41
+    [ 'rgb042', '#00D787' ],  //  42
+    [ 'rgb043', '#00D7AF' ],  //  43
+    [ 'rgb044', '#00D7D7' ],  //  44
+    [ 'rgb045', '#00D7FF' ],  //  45
+    [ 'rgb050', '#00FF00' ],  //  46
+    [ 'rgb051', '#00FF5F' ],  //  47
+    [ 'rgb052', '#00FF87' ],  //  48
+    [ 'rgb053', '#00FFAF' ],  //  49
+    [ 'rgb054', '#00FFD7' ],  //  50
+    [ 'rgb055', '#00FFFF' ],  //  51
+    [ 'rgb100', '#5F0000' ],  //  52
+    [ 'rgb101', '#5F005F' ],  //  53
+    [ 'rgb102', '#5F0087' ],  //  54
+    [ 'rgb103', '#5F00AF' ],  //  55
+    [ 'rgb104', '#5F00D7' ],  //  56
+    [ 'rgb105', '#5F00FF' ],  //  57
+    [ 'rgb110', '#5F5F00' ],  //  58
+    [ 'rgb111', '#5F5F5F' ],  //  59
+    [ 'rgb112', '#5F5F87' ],  //  60
+    [ 'rgb113', '#5F5FAF' ],  //  61
+    [ 'rgb114', '#5F5FD7' ],  //  62
+    [ 'rgb115', '#5F5FFF' ],  //  63
+    [ 'rgb120', '#5F8700' ],  //  64
+    [ 'rgb121', '#5F875F' ],  //  65
+    [ 'rgb122', '#5F8787' ],  //  66
+    [ 'rgb123', '#5F87AF' ],  //  67
+    [ 'rgb124', '#5F87D7' ],  //  68
+    [ 'rgb125', '#5F87FF' ],  //  69
+    [ 'rgb130', '#5FAF00' ],  //  70
+    [ 'rgb131', '#5FAF5F' ],  //  71
+    [ 'rgb132', '#5FAF87' ],  //  72
+    [ 'rgb133', '#5FAFAF' ],  //  73
+    [ 'rgb134', '#5FAFD7' ],  //  74
+    [ 'rgb135', '#5FAFFF' ],  //  75
+    [ 'rgb140', '#5FD700' ],  //  76
+    [ 'rgb141', '#5FD75F' ],  //  77
+    [ 'rgb142', '#5FD787' ],  //  78
+    [ 'rgb143', '#5FD7AF' ],  //  79
+    [ 'rgb144', '#5FD7D7' ],  //  80
+    [ 'rgb145', '#5FD7FF' ],  //  81
+    [ 'rgb150', '#5FFF00' ],  //  82
+    [ 'rgb151', '#5FFF5F' ],  //  83
+    [ 'rgb152', '#5FFF87' ],  //  84
+    [ 'rgb153', '#5FFFAF' ],  //  85
+    [ 'rgb154', '#5FFFD7' ],  //  86
+    [ 'rgb155', '#5FFFFF' ],  //  87
+    [ 'rgb200', '#870000' ],  //  88
+    [ 'rgb201', '#87005F' ],  //  89
+    [ 'rgb202', '#870087' ],  //  90
+    [ 'rgb203', '#8700AF' ],  //  91
+    [ 'rgb204', '#8700D7' ],  //  92
+    [ 'rgb205', '#8700FF' ],  //  93
+    [ 'rgb210', '#875F00' ],  //  94
+    [ 'rgb211', '#875F5F' ],  //  95
+    [ 'rgb212', '#875F87' ],  //  96
+    [ 'rgb213', '#875FAF' ],  //  97
+    [ 'rgb214', '#875FD7' ],  //  98
+    [ 'rgb215', '#875FFF' ],  //  99
+    [ 'rgb220', '#878700' ],  // 100
+    [ 'rgb221', '#87875F' ],  // 101
+    [ 'rgb222', '#878787' ],  // 102
+    [ 'rgb223', '#8787AF' ],  // 103
+    [ 'rgb224', '#8787D7' ],  // 104
+    [ 'rgb225', '#8787FF' ],  // 105
+    [ 'rgb230', '#87AF00' ],  // 106
+    [ 'rgb231', '#87AF5F' ],  // 107
+    [ 'rgb232', '#87AF87' ],  // 108
+    [ 'rgb233', '#87AFAF' ],  // 109
+    [ 'rgb234', '#87AFD7' ],  // 110
+    [ 'rgb235', '#87AFFF' ],  // 111
+    [ 'rgb240', '#87D700' ],  // 112
+    [ 'rgb241', '#87D75F' ],  // 113
+    [ 'rgb242', '#87D787' ],  // 114
+    [ 'rgb243', '#87D7AF' ],  // 115
+    [ 'rgb244', '#87D7D7' ],  // 116
+    [ 'rgb245', '#87D7FF' ],  // 117
+    [ 'rgb250', '#87FF00' ],  // 118
+    [ 'rgb251', '#87FF5F' ],  // 119
+    [ 'rgb252', '#87FF87' ],  // 120
+    [ 'rgb253', '#87FFAF' ],  // 121
+    [ 'rgb254', '#87FFD7' ],  // 122
+    [ 'rgb255', '#87FFFF' ],  // 123
+    [ 'rgb300', '#AF0000' ],  // 124
+    [ 'rgb301', '#AF005F' ],  // 125
+    [ 'rgb302', '#AF0087' ],  // 126
+    [ 'rgb303', '#AF00AF' ],  // 127
+    [ 'rgb304', '#AF00D7' ],  // 128
+    [ 'rgb305', '#AF00FF' ],  // 129
+    [ 'rgb310', '#AF5F00' ],  // 130
+    [ 'rgb311', '#AF5F5F' ],  // 131
+    [ 'rgb312', '#AF5F87' ],  // 132
+    [ 'rgb313', '#AF5FAF' ],  // 133
+    [ 'rgb314', '#AF5FD7' ],  // 134
+    [ 'rgb315', '#AF5FFF' ],  // 135
+    [ 'rgb320', '#AF8700' ],  // 136
+    [ 'rgb321', '#AF875F' ],  // 137
+    [ 'rgb322', '#AF8787' ],  // 138
+    [ 'rgb323', '#AF87AF' ],  // 139
+    [ 'rgb324', '#AF87D7' ],  // 140
+    [ 'rgb325', '#AF87FF' ],  // 141
+    [ 'rgb330', '#AFAF00' ],  // 142
+    [ 'rgb331', '#AFAF5F' ],  // 143
+    [ 'rgb332', '#AFAF87' ],  // 144
+    [ 'rgb333', '#AFAFAF' ],  // 145
+    [ 'rgb334', '#AFAFD7' ],  // 146
+    [ 'rgb335', '#AFAFFF' ],  // 147
+    [ 'rgb340', '#AFD700' ],  // 148
+    [ 'rgb341', '#AFD75F' ],  // 149
+    [ 'rgb342', '#AFD787' ],  // 150
+    [ 'rgb343', '#AFD7AF' ],  // 151
+    [ 'rgb344', '#AFD7D7' ],  // 152
+    [ 'rgb345', '#AFD7FF' ],  // 153
+    [ 'rgb350', '#AFFF00' ],  // 154
+    [ 'rgb351', '#AFFF5F' ],  // 155
+    [ 'rgb352', '#AFFF87' ],  // 156
+    [ 'rgb353', '#AFFFAF' ],  // 157
+    [ 'rgb354', '#AFFFD7' ],  // 158
+    [ 'rgb355', '#AFFFFF' ],  // 159
+    [ 'rgb400', '#D70000' ],  // 160
+    [ 'rgb401', '#D7005F' ],  // 161
+    [ 'rgb402', '#D70087' ],  // 162
+    [ 'rgb403', '#D700AF' ],  // 163
+    [ 'rgb404', '#D700D7' ],  // 164
+    [ 'rgb405', '#D700FF' ],  // 165
+    [ 'rgb410', '#D75F00' ],  // 166
+    [ 'rgb411', '#D75F5F' ],  // 167
+    [ 'rgb412', '#D75F87' ],  // 168
+    [ 'rgb413', '#D75FAF' ],  // 169
+    [ 'rgb414', '#D75FD7' ],  // 170
+    [ 'rgb415', '#D75FFF' ],  // 171
+    [ 'rgb420', '#D78700' ],  // 172
+    [ 'rgb421', '#D7875F' ],  // 173
+    [ 'rgb422', '#D78787' ],  // 174
+    [ 'rgb423', '#D787AF' ],  // 175
+    [ 'rgb424', '#D787D7' ],  // 176
+    [ 'rgb425', '#D787FF' ],  // 177
+    [ 'rgb430', '#D7AF00' ],  // 178
+    [ 'rgb431', '#D7AF5F' ],  // 179
+    [ 'rgb432', '#D7AF87' ],  // 180
+    [ 'rgb433', '#D7AFAF' ],  // 181
+    [ 'rgb434', '#D7AFD7' ],  // 182
+    [ 'rgb435', '#D7AFFF' ],  // 183
+    [ 'rgb440', '#D7D700' ],  // 184
+    [ 'rgb441', '#D7D75F' ],  // 185
+    [ 'rgb442', '#D7D787' ],  // 186
+    [ 'rgb443', '#D7D7AF' ],  // 187
+    [ 'rgb444', '#D7D7D7' ],  // 188
+    [ 'rgb445', '#D7D7FF' ],  // 189
+    [ 'rgb450', '#D7FF00' ],  // 190
+    [ 'rgb451', '#D7FF5F' ],  // 191
+    [ 'rgb452', '#D7FF87' ],  // 192
+    [ 'rgb453', '#D7FFAF' ],  // 193
+    [ 'rgb454', '#D7FFD7' ],  // 194
+    [ 'rgb455', '#D7FFFF' ],  // 195
+    [ 'rgb500', '#FF0000' ],  // 196
+    [ 'rgb501', '#FF005F' ],  // 197
+    [ 'rgb502', '#FF0087' ],  // 198
+    [ 'rgb503', '#FF00AF' ],  // 199
+    [ 'rgb504', '#FF00D7' ],  // 200
+    [ 'rgb505', '#FF00FF' ],  // 201
+    [ 'rgb510', '#FF5F00' ],  // 202
+    [ 'rgb511', '#FF5F5F' ],  // 203
+    [ 'rgb512', '#FF5F87' ],  // 204
+    [ 'rgb513', '#FF5FAF' ],  // 205
+    [ 'rgb514', '#FF5FD7' ],  // 206
+    [ 'rgb515', '#FF5FFF' ],  // 207
+    [ 'rgb520', '#FF8700' ],  // 208
+    [ 'rgb521', '#FF875F' ],  // 209
+    [ 'rgb522', '#FF8787' ],  // 210
+    [ 'rgb523', '#FF87AF' ],  // 211
+    [ 'rgb524', '#FF87D7' ],  // 212
+    [ 'rgb525', '#FF87FF' ],  // 213
+    [ 'rgb530', '#FFAF00' ],  // 214
+    [ 'rgb531', '#FFAF5F' ],  // 215
+    [ 'rgb532', '#FFAF87' ],  // 216
+    [ 'rgb533', '#FFAFAF' ],  // 217
+    [ 'rgb534', '#FFAFD7' ],  // 218
+    [ 'rgb535', '#FFAFFF' ],  // 219
+    [ 'rgb540', '#FFD700' ],  // 220
+    [ 'rgb541', '#FFD75F' ],  // 221
+    [ 'rgb542', '#FFD787' ],  // 222
+    [ 'rgb543', '#FFD7AF' ],  // 223
+    [ 'rgb544', '#FFD7D7' ],  // 224
+    [ 'rgb545', '#FFD7FF' ],  // 225
+    [ 'rgb550', '#FFFF00' ],  // 226
+    [ 'rgb551', '#FFFF5F' ],  // 227
+    [ 'rgb552', '#FFFF87' ],  // 228
+    [ 'rgb553', '#FFFFAF' ],  // 229
+    [ 'rgb554', '#FFFFD7' ],  // 230
+    [ 'rgb555', '#FFFFFF' ],  // 231
+
+    // 24-step grayscale ramp
+    [ 'gray0',  '#080808' ],  // 232
+    [ 'gray1',  '#121212' ],  // 233
+    [ 'gray2',  '#1C1C1C' ],  // 234
+    [ 'gray3',  '#262626' ],  // 235
+    [ 'gray4',  '#303030' ],  // 236
+    [ 'gray5',  '#3A3A3A' ],  // 237
+    [ 'gray6',  '#444444' ],  // 238
+    [ 'gray7',  '#4E4E4E' ],  // 239
+    [ 'gray8',  '#585858' ],  // 240
+    [ 'gray9',  '#626262' ],  // 241
+    [ 'gray10', '#6C6C6C' ],  // 242
+    [ 'gray11', '#767676' ],  // 243
+    [ 'gray12', '#808080' ],  // 244
+    [ 'gray13', '#8A8A8A' ],  // 245
+    [ 'gray14', '#949494' ],  // 246
+    [ 'gray15', '#9E9E9E' ],  // 247
+    [ 'gray16', '#A8A8A8' ],  // 248
+    [ 'gray17', '#B2B2B2' ],  // 249
+    [ 'gray18', '#BCBCBC' ],  // 250
+    [ 'gray19', '#C6C6C6' ],  // 251
+    [ 'gray20', '#D0D0D0' ],  // 252
+    [ 'gray21', '#DADADA' ],  // 253
+    [ 'gray22', '#E4E4E4' ],  // 254
+    [ 'gray23', '#EEEEEE' ]   // 255
+];
+
+// probably not needed, but stay safe
+McPalette.set_light_mode(false);
+McPalette.apply_palette(0);
diff --git a/src/js/mc-tpl.js b/src/js/mc-tpl.js
index 1ffaa0f..66a431c 100644
--- a/src/js/mc-tpl.js
+++ b/src/js/mc-tpl.js
@@ -14,12 +14,15 @@ class McTpl
                 const key = parts[1];
                 if(section in variables){
                     if(key in variables[section]){
-                        return variables[section][key];
+                        if(variables[section][key].length >= 1){
+                            return variables[section][key][0];
+                        }
                     }
                 }
             }
             console.log('key ' + contents + 'not found');
-            return '';
+            // mc's default depends on the section and key, we don't duplicate that here
+            return ' ';
         });
         return result;
     }
diff --git a/src/js/mc-utils.js b/src/js/mc-utils.js
index 92bfe68..d6d79d5 100644
--- a/src/js/mc-utils.js
+++ b/src/js/mc-utils.js
@@ -38,54 +38,37 @@ class McUtils {
 
 
     /**
-     * Convert colors from rgbXXX, grayXX and dictionary color names to web #XXXXXX format
+     * Convert colors from rgbXXX, grayXX and dictionary color names to web #RRGGBB format
      *
      * @param {string} mcColor
+     * @param {bool} is_bold
      * @return {string}
      */
-    static parseMcColor(mcColor)
+    static parseMcColor(mcColor, is_bold)
     {
-        // named and colorXXX colors
-        if(mcColor in McConst.colors)
-            return McConst.colors[mcColor];
-
-        // rgbXXX format
-        if(mcColor.toLowerCase().startsWith('rgb')){
-            // $r = str_pad(dechex(round(255 * $key{3} / 5)), 2, STR_PAD_LEFT);
-            const r = Math.round(255 * mcColor[3] / 5).toString(16).padStart(2, '0');
-            const g = Math.round(255 * mcColor[4] / 5).toString(16).padStart(2, '0');
-            const b = Math.round(255 * mcColor[5] / 5).toString(16).padStart(2, '0');
-            return '#' + r + g + b;
+        // "colorXXX" identifiers
+        if (mcColor.startsWith('color')){
+            const i = parseInt(mcColor.substring(5), 10);
+            return McPalette.palette[i][1];
         }
 
-        // grayXX format
-        if(mcColor.toLowerCase().startsWith('gray')){
-            const number = mcColor.substring(4);
-            return McConst.colors['color' + (232 + parseInt(number))];
+        // palette colors using their names like "black", "red", "rgb123", "gray23" etc.
+        for(let i = 0; i < 256; i++){
+            if(McPalette.palette[i][0] == mcColor){
+                if(i < 8 && is_bold && $('#terminal-boldbright').is(':checked'))
+                    i += 8;
+                return McPalette.palette[i][1];
+            }
         }
 
-        // #XXXXXX format (for true color skins)
+        // #RRGGBB format (for true color skins)
         if(mcColor.startsWith('#')){
             return mcColor;
         }
-    }
 
-    /**
-     * Convert web color to rgbXXX format
-     *
-     * @param {string} webColor Color in #XXXXXX format
-     * @return {string}
-     */
-    static web2rgb(webColor)
-    {
-        const int = parseInt(webColor.substring(1), 16);
-        const r = int >> 16 & 0xFF;
-        const g = int >> 8 & 0xFF;
-        const b = int & 0xFF;
-        const rr = Math.round(r * 5 / 255);
-        const gg = Math.round(g * 5 / 255);
-        const bb = Math.round(b * 5 / 255);
-        return `rgb${rr}${gg}${bb}`;
+        // 'default' means the terminal's defaults. The return value is further processed by the caller.
+        if(mcColor == 'default')
+            return 'default';
     }