From: paris <pariskasidiaris@gmail.com>
Date: Mon, 24 Mar 2014 17:24:12 +0000 (+0000)
Subject: Implemented default terminal colors in CSS
X-Git-Url: https://git.proxmox.com/?a=commitdiff_plain;h=7c6d4d4e3c9bf3af3097e183120d9b4397daaa32;p=mirror_xterm.js.git

Implemented default terminal colors in CSS
---

diff --git a/src/xterm.css b/src/xterm.css
index 86d22b2..bee2e85 100644
--- a/src/xterm.css
+++ b/src/xterm.css
@@ -44,4 +44,1031 @@
 
 .terminal .terminal-cursor {
     background-color: #fff;
+}
+
+/*
+*  Determine default colors for xterm.js
+*/
+.terminal .terminal-color-0 { 
+    color: #2e3436;
+}
+
+.terminal .terminal-color-1 { 
+    color: #cc0000;
+}
+
+.terminal .terminal-color-2 { 
+    color: #4e9a06;
+}
+
+.terminal .terminal-color-3 { 
+    color: #c4a000;
+}
+
+.terminal .terminal-color-4 { 
+    color: #3465a4;
+}
+
+.terminal .terminal-color-5 { 
+    color: #75507b;
+}
+
+.terminal .terminal-color-6 { 
+    color: #06989a;
+}
+
+.terminal .terminal-color-7 { 
+    color: #d3d7cf;
+}
+
+.terminal .terminal-color-8 { 
+    color: #555753;
+}
+
+.terminal .terminal-color-9 { 
+    color: #ef2929;
+}
+
+.terminal .terminal-color-10 { 
+    color: #8ae234;
+}
+
+.terminal .terminal-color-11 { 
+    color: #fce94f;
+}
+
+.terminal .terminal-color-12 { 
+    color: #729fcf;
+}
+
+.terminal .terminal-color-13 { 
+    color: #ad7fa8;
+}
+
+.terminal .terminal-color-14 { 
+    color: #34e2e2;
+}
+
+.terminal .terminal-color-15 { 
+    color: #eeeeec;
+}
+
+.terminal .terminal-color-16 { 
+    color: #000000;
+}
+
+.terminal .terminal-color-17 { 
+    color: #00005f;
+}
+
+.terminal .terminal-color-18 { 
+    color: #000087;
+}
+
+.terminal .terminal-color-19 { 
+    color: #0000af;
+}
+
+.terminal .terminal-color-20 { 
+    color: #0000d7;
+}
+
+.terminal .terminal-color-21 { 
+    color: #0000ff;
+}
+
+.terminal .terminal-color-22 { 
+    color: #005f00;
+}
+
+.terminal .terminal-color-23 { 
+    color: #005f5f;
+}
+
+.terminal .terminal-color-24 { 
+    color: #005f87;
+}
+
+.terminal .terminal-color-25 { 
+    color: #005faf;
+}
+
+.terminal .terminal-color-26 { 
+    color: #005fd7;
+}
+
+.terminal .terminal-color-27 { 
+    color: #005fff;
+}
+
+.terminal .terminal-color-28 { 
+    color: #008700;
+}
+
+.terminal .terminal-color-29 { 
+    color: #00875f;
+}
+
+.terminal .terminal-color-30 { 
+    color: #008787;
+}
+
+.terminal .terminal-color-31 { 
+    color: #0087af;
+}
+
+.terminal .terminal-color-32 { 
+    color: #0087d7;
+}
+
+.terminal .terminal-color-33 { 
+    color: #0087ff;
+}
+
+.terminal .terminal-color-34 { 
+    color: #00af00;
+}
+
+.terminal .terminal-color-35 { 
+    color: #00af5f;
+}
+
+.terminal .terminal-color-36 { 
+    color: #00af87;
+}
+
+.terminal .terminal-color-37 { 
+    color: #00afaf;
+}
+
+.terminal .terminal-color-38 { 
+    color: #00afd7;
+}
+
+.terminal .terminal-color-39 { 
+    color: #00afff;
+}
+
+.terminal .terminal-color-40 { 
+    color: #00d700;
+}
+
+.terminal .terminal-color-41 { 
+    color: #00d75f;
+}
+
+.terminal .terminal-color-42 { 
+    color: #00d787;
+}
+
+.terminal .terminal-color-43 { 
+    color: #00d7af;
+}
+
+.terminal .terminal-color-44 { 
+    color: #00d7d7;
+}
+
+.terminal .terminal-color-45 { 
+    color: #00d7ff;
+}
+
+.terminal .terminal-color-46 { 
+    color: #00ff00;
+}
+
+.terminal .terminal-color-47 { 
+    color: #00ff5f;
+}
+
+.terminal .terminal-color-48 { 
+    color: #00ff87;
+}
+
+.terminal .terminal-color-49 { 
+    color: #00ffaf;
+}
+
+.terminal .terminal-color-50 { 
+    color: #00ffd7;
+}
+
+.terminal .terminal-color-51 { 
+    color: #00ffff;
+}
+
+.terminal .terminal-color-52 { 
+    color: #5f0000;
+}
+
+.terminal .terminal-color-53 { 
+    color: #5f005f;
+}
+
+.terminal .terminal-color-54 { 
+    color: #5f0087;
+}
+
+.terminal .terminal-color-55 { 
+    color: #5f00af;
+}
+
+.terminal .terminal-color-56 { 
+    color: #5f00d7;
+}
+
+.terminal .terminal-color-57 { 
+    color: #5f00ff;
+}
+
+.terminal .terminal-color-58 { 
+    color: #5f5f00;
+}
+
+.terminal .terminal-color-59 { 
+    color: #5f5f5f;
+}
+
+.terminal .terminal-color-60 { 
+    color: #5f5f87;
+}
+
+.terminal .terminal-color-61 { 
+    color: #5f5faf;
+}
+
+.terminal .terminal-color-62 { 
+    color: #5f5fd7;
+}
+
+.terminal .terminal-color-63 { 
+    color: #5f5fff;
+}
+
+.terminal .terminal-color-64 { 
+    color: #5f8700;
+}
+
+.terminal .terminal-color-65 { 
+    color: #5f875f;
+}
+
+.terminal .terminal-color-66 { 
+    color: #5f8787;
+}
+
+.terminal .terminal-color-67 { 
+    color: #5f87af;
+}
+
+.terminal .terminal-color-68 { 
+    color: #5f87d7;
+}
+
+.terminal .terminal-color-69 { 
+    color: #5f87ff;
+}
+
+.terminal .terminal-color-70 { 
+    color: #5faf00;
+}
+
+.terminal .terminal-color-71 { 
+    color: #5faf5f;
+}
+
+.terminal .terminal-color-72 { 
+    color: #5faf87;
+}
+
+.terminal .terminal-color-73 { 
+    color: #5fafaf;
+}
+
+.terminal .terminal-color-74 { 
+    color: #5fafd7;
+}
+
+.terminal .terminal-color-75 { 
+    color: #5fafff;
+}
+
+.terminal .terminal-color-76 { 
+    color: #5fd700;
+}
+
+.terminal .terminal-color-77 { 
+    color: #5fd75f;
+}
+
+.terminal .terminal-color-78 { 
+    color: #5fd787;
+}
+
+.terminal .terminal-color-79 { 
+    color: #5fd7af;
+}
+
+.terminal .terminal-color-80 { 
+    color: #5fd7d7;
+}
+
+.terminal .terminal-color-81 { 
+    color: #5fd7ff;
+}
+
+.terminal .terminal-color-82 { 
+    color: #5fff00;
+}
+
+.terminal .terminal-color-83 { 
+    color: #5fff5f;
+}
+
+.terminal .terminal-color-84 { 
+    color: #5fff87;
+}
+
+.terminal .terminal-color-85 { 
+    color: #5fffaf;
+}
+
+.terminal .terminal-color-86 { 
+    color: #5fffd7;
+}
+
+.terminal .terminal-color-87 { 
+    color: #5fffff;
+}
+
+.terminal .terminal-color-88 { 
+    color: #870000;
+}
+
+.terminal .terminal-color-89 { 
+    color: #87005f;
+}
+
+.terminal .terminal-color-90 { 
+    color: #870087;
+}
+
+.terminal .terminal-color-91 { 
+    color: #8700af;
+}
+
+.terminal .terminal-color-92 { 
+    color: #8700d7;
+}
+
+.terminal .terminal-color-93 { 
+    color: #8700ff;
+}
+
+.terminal .terminal-color-94 { 
+    color: #875f00;
+}
+
+.terminal .terminal-color-95 { 
+    color: #875f5f;
+}
+
+.terminal .terminal-color-96 { 
+    color: #875f87;
+}
+
+.terminal .terminal-color-97 { 
+    color: #875faf;
+}
+
+.terminal .terminal-color-98 { 
+    color: #875fd7;
+}
+
+.terminal .terminal-color-99 { 
+    color: #875fff;
+}
+
+.terminal .terminal-color-100 { 
+    color: #878700;
+}
+
+.terminal .terminal-color-101 { 
+    color: #87875f;
+}
+
+.terminal .terminal-color-102 { 
+    color: #878787;
+}
+
+.terminal .terminal-color-103 { 
+    color: #8787af;
+}
+
+.terminal .terminal-color-104 { 
+    color: #8787d7;
+}
+
+.terminal .terminal-color-105 { 
+    color: #8787ff;
+}
+
+.terminal .terminal-color-106 { 
+    color: #87af00;
+}
+
+.terminal .terminal-color-107 { 
+    color: #87af5f;
+}
+
+.terminal .terminal-color-108 { 
+    color: #87af87;
+}
+
+.terminal .terminal-color-109 { 
+    color: #87afaf;
+}
+
+.terminal .terminal-color-110 { 
+    color: #87afd7;
+}
+
+.terminal .terminal-color-111 { 
+    color: #87afff;
+}
+
+.terminal .terminal-color-112 { 
+    color: #87d700;
+}
+
+.terminal .terminal-color-113 { 
+    color: #87d75f;
+}
+
+.terminal .terminal-color-114 { 
+    color: #87d787;
+}
+
+.terminal .terminal-color-115 { 
+    color: #87d7af;
+}
+
+.terminal .terminal-color-116 { 
+    color: #87d7d7;
+}
+
+.terminal .terminal-color-117 { 
+    color: #87d7ff;
+}
+
+.terminal .terminal-color-118 { 
+    color: #87ff00;
+}
+
+.terminal .terminal-color-119 { 
+    color: #87ff5f;
+}
+
+.terminal .terminal-color-120 { 
+    color: #87ff87;
+}
+
+.terminal .terminal-color-121 { 
+    color: #87ffaf;
+}
+
+.terminal .terminal-color-122 { 
+    color: #87ffd7;
+}
+
+.terminal .terminal-color-123 { 
+    color: #87ffff;
+}
+
+.terminal .terminal-color-124 { 
+    color: #af0000;
+}
+
+.terminal .terminal-color-125 { 
+    color: #af005f;
+}
+
+.terminal .terminal-color-126 { 
+    color: #af0087;
+}
+
+.terminal .terminal-color-127 { 
+    color: #af00af;
+}
+
+.terminal .terminal-color-128 { 
+    color: #af00d7;
+}
+
+.terminal .terminal-color-129 { 
+    color: #af00ff;
+}
+
+.terminal .terminal-color-130 { 
+    color: #af5f00;
+}
+
+.terminal .terminal-color-131 { 
+    color: #af5f5f;
+}
+
+.terminal .terminal-color-132 { 
+    color: #af5f87;
+}
+
+.terminal .terminal-color-133 { 
+    color: #af5faf;
+}
+
+.terminal .terminal-color-134 { 
+    color: #af5fd7;
+}
+
+.terminal .terminal-color-135 { 
+    color: #af5fff;
+}
+
+.terminal .terminal-color-136 { 
+    color: #af8700;
+}
+
+.terminal .terminal-color-137 { 
+    color: #af875f;
+}
+
+.terminal .terminal-color-138 { 
+    color: #af8787;
+}
+
+.terminal .terminal-color-139 { 
+    color: #af87af;
+}
+
+.terminal .terminal-color-140 { 
+    color: #af87d7;
+}
+
+.terminal .terminal-color-141 { 
+    color: #af87ff;
+}
+
+.terminal .terminal-color-142 { 
+    color: #afaf00;
+}
+
+.terminal .terminal-color-143 { 
+    color: #afaf5f;
+}
+
+.terminal .terminal-color-144 { 
+    color: #afaf87;
+}
+
+.terminal .terminal-color-145 { 
+    color: #afafaf;
+}
+
+.terminal .terminal-color-146 { 
+    color: #afafd7;
+}
+
+.terminal .terminal-color-147 { 
+    color: #afafff;
+}
+
+.terminal .terminal-color-148 { 
+    color: #afd700;
+}
+
+.terminal .terminal-color-149 { 
+    color: #afd75f;
+}
+
+.terminal .terminal-color-150 { 
+    color: #afd787;
+}
+
+.terminal .terminal-color-151 { 
+    color: #afd7af;
+}
+
+.terminal .terminal-color-152 { 
+    color: #afd7d7;
+}
+
+.terminal .terminal-color-153 { 
+    color: #afd7ff;
+}
+
+.terminal .terminal-color-154 { 
+    color: #afff00;
+}
+
+.terminal .terminal-color-155 { 
+    color: #afff5f;
+}
+
+.terminal .terminal-color-156 { 
+    color: #afff87;
+}
+
+.terminal .terminal-color-157 { 
+    color: #afffaf;
+}
+
+.terminal .terminal-color-158 { 
+    color: #afffd7;
+}
+
+.terminal .terminal-color-159 { 
+    color: #afffff;
+}
+
+.terminal .terminal-color-160 { 
+    color: #d70000;
+}
+
+.terminal .terminal-color-161 { 
+    color: #d7005f;
+}
+
+.terminal .terminal-color-162 { 
+    color: #d70087;
+}
+
+.terminal .terminal-color-163 { 
+    color: #d700af;
+}
+
+.terminal .terminal-color-164 { 
+    color: #d700d7;
+}
+
+.terminal .terminal-color-165 { 
+    color: #d700ff;
+}
+
+.terminal .terminal-color-166 { 
+    color: #d75f00;
+}
+
+.terminal .terminal-color-167 { 
+    color: #d75f5f;
+}
+
+.terminal .terminal-color-168 { 
+    color: #d75f87;
+}
+
+.terminal .terminal-color-169 { 
+    color: #d75faf;
+}
+
+.terminal .terminal-color-170 { 
+    color: #d75fd7;
+}
+
+.terminal .terminal-color-171 { 
+    color: #d75fff;
+}
+
+.terminal .terminal-color-172 { 
+    color: #d78700;
+}
+
+.terminal .terminal-color-173 { 
+    color: #d7875f;
+}
+
+.terminal .terminal-color-174 { 
+    color: #d78787;
+}
+
+.terminal .terminal-color-175 { 
+    color: #d787af;
+}
+
+.terminal .terminal-color-176 { 
+    color: #d787d7;
+}
+
+.terminal .terminal-color-177 { 
+    color: #d787ff;
+}
+
+.terminal .terminal-color-178 { 
+    color: #d7af00;
+}
+
+.terminal .terminal-color-179 { 
+    color: #d7af5f;
+}
+
+.terminal .terminal-color-180 { 
+    color: #d7af87;
+}
+
+.terminal .terminal-color-181 { 
+    color: #d7afaf;
+}
+
+.terminal .terminal-color-182 { 
+    color: #d7afd7;
+}
+
+.terminal .terminal-color-183 { 
+    color: #d7afff;
+}
+
+.terminal .terminal-color-184 { 
+    color: #d7d700;
+}
+
+.terminal .terminal-color-185 { 
+    color: #d7d75f;
+}
+
+.terminal .terminal-color-186 { 
+    color: #d7d787;
+}
+
+.terminal .terminal-color-187 { 
+    color: #d7d7af;
+}
+
+.terminal .terminal-color-188 { 
+    color: #d7d7d7;
+}
+
+.terminal .terminal-color-189 { 
+    color: #d7d7ff;
+}
+
+.terminal .terminal-color-190 { 
+    color: #d7ff00;
+}
+
+.terminal .terminal-color-191 { 
+    color: #d7ff5f;
+}
+
+.terminal .terminal-color-192 { 
+    color: #d7ff87;
+}
+
+.terminal .terminal-color-193 { 
+    color: #d7ffaf;
+}
+
+.terminal .terminal-color-194 { 
+    color: #d7ffd7;
+}
+
+.terminal .terminal-color-195 { 
+    color: #d7ffff;
+}
+
+.terminal .terminal-color-196 { 
+    color: #ff0000;
+}
+
+.terminal .terminal-color-197 { 
+    color: #ff005f;
+}
+
+.terminal .terminal-color-198 { 
+    color: #ff0087;
+}
+
+.terminal .terminal-color-199 { 
+    color: #ff00af;
+}
+
+.terminal .terminal-color-200 { 
+    color: #ff00d7;
+}
+
+.terminal .terminal-color-201 { 
+    color: #ff00ff;
+}
+
+.terminal .terminal-color-202 { 
+    color: #ff5f00;
+}
+
+.terminal .terminal-color-203 { 
+    color: #ff5f5f;
+}
+
+.terminal .terminal-color-204 { 
+    color: #ff5f87;
+}
+
+.terminal .terminal-color-205 { 
+    color: #ff5faf;
+}
+
+.terminal .terminal-color-206 { 
+    color: #ff5fd7;
+}
+
+.terminal .terminal-color-207 { 
+    color: #ff5fff;
+}
+
+.terminal .terminal-color-208 { 
+    color: #ff8700;
+}
+
+.terminal .terminal-color-209 { 
+    color: #ff875f;
+}
+
+.terminal .terminal-color-210 { 
+    color: #ff8787;
+}
+
+.terminal .terminal-color-211 { 
+    color: #ff87af;
+}
+
+.terminal .terminal-color-212 { 
+    color: #ff87d7;
+}
+
+.terminal .terminal-color-213 { 
+    color: #ff87ff;
+}
+
+.terminal .terminal-color-214 { 
+    color: #ffaf00;
+}
+
+.terminal .terminal-color-215 { 
+    color: #ffaf5f;
+}
+
+.terminal .terminal-color-216 { 
+    color: #ffaf87;
+}
+
+.terminal .terminal-color-217 { 
+    color: #ffafaf;
+}
+
+.terminal .terminal-color-218 { 
+    color: #ffafd7;
+}
+
+.terminal .terminal-color-219 { 
+    color: #ffafff;
+}
+
+.terminal .terminal-color-220 { 
+    color: #ffd700;
+}
+
+.terminal .terminal-color-221 { 
+    color: #ffd75f;
+}
+
+.terminal .terminal-color-222 { 
+    color: #ffd787;
+}
+
+.terminal .terminal-color-223 { 
+    color: #ffd7af;
+}
+
+.terminal .terminal-color-224 { 
+    color: #ffd7d7;
+}
+
+.terminal .terminal-color-225 { 
+    color: #ffd7ff;
+}
+
+.terminal .terminal-color-226 { 
+    color: #ffff00;
+}
+
+.terminal .terminal-color-227 { 
+    color: #ffff5f;
+}
+
+.terminal .terminal-color-228 { 
+    color: #ffff87;
+}
+
+.terminal .terminal-color-229 { 
+    color: #ffffaf;
+}
+
+.terminal .terminal-color-230 { 
+    color: #ffffd7;
+}
+
+.terminal .terminal-color-231 { 
+    color: #ffffff;
+}
+
+.terminal .terminal-color-232 { 
+    color: #080808;
+}
+
+.terminal .terminal-color-233 { 
+    color: #121212;
+}
+
+.terminal .terminal-color-234 { 
+    color: #1c1c1c;
+}
+
+.terminal .terminal-color-235 { 
+    color: #262626;
+}
+
+.terminal .terminal-color-236 { 
+    color: #303030;
+}
+
+.terminal .terminal-color-237 { 
+    color: #3a3a3a;
+}
+
+.terminal .terminal-color-238 { 
+    color: #444444;
+}
+
+.terminal .terminal-color-239 { 
+    color: #4e4e4e;
+}
+
+.terminal .terminal-color-240 { 
+    color: #585858;
+}
+
+.terminal .terminal-color-241 { 
+    color: #626262;
+}
+
+.terminal .terminal-color-242 { 
+    color: #6c6c6c;
+}
+
+.terminal .terminal-color-243 { 
+    color: #767676;
+}
+
+.terminal .terminal-color-244 { 
+    color: #808080;
+}
+
+.terminal .terminal-color-245 { 
+    color: #8a8a8a;
+}
+
+.terminal .terminal-color-246 { 
+    color: #949494;
+}
+
+.terminal .terminal-color-247 { 
+    color: #9e9e9e;
+}
+
+.terminal .terminal-color-248 { 
+    color: #a8a8a8;
+}
+
+.terminal .terminal-color-249 { 
+    color: #b2b2b2;
+}
+
+.terminal .terminal-color-250 { 
+    color: #bcbcbc;
+}
+
+.terminal .terminal-color-251 { 
+    color: #c6c6c6;
+}
+
+.terminal .terminal-color-252 { 
+    color: #d0d0d0;
+}
+
+.terminal .terminal-color-253 { 
+    color: #dadada;
+}
+
+.terminal .terminal-color-254 { 
+    color: #e4e4e4;
+}
+
+.terminal .terminal-color-255 { 
+    color: #eeeeee;
 }
\ No newline at end of file
diff --git a/src/xterm.js b/src/xterm.js
index 7a1e488..0a9a035 100644
--- a/src/xterm.js
+++ b/src/xterm.js
@@ -305,27 +305,6 @@ Terminal.tangoColors = [
   '#eeeeec'
 ];
 
-Terminal.xtermColors = [
-  // dark:
-  '#000000', // black
-  '#cd0000', // red3
-  '#00cd00', // green3
-  '#cdcd00', // yellow3
-  '#0000ee', // blue2
-  '#cd00cd', // magenta3
-  '#00cdcd', // cyan3
-  '#e5e5e5', // gray90
-  // bright:
-  '#7f7f7f', // gray50
-  '#ff0000', // red
-  '#00ff00', // green
-  '#ffff00', // yellow
-  '#5c5cff', // rgb:5c/5c/ff
-  '#ff00ff', // magenta
-  '#00ffff', // cyan
-  '#ffffff'  // white
-];
-
 // Colors 0-15 + 16-255
 // Much thanks to TooTallNate for writing this.
 Terminal.colors = (function() {
@@ -358,10 +337,6 @@ Terminal.colors = (function() {
   return colors;
 })();
 
-// Default BG/FG
-Terminal.colors[256] = '#000000';
-Terminal.colors[257] = '#f0f0f0';
-
 Terminal._colors = Terminal.colors.slice();
 
 Terminal.vcolors = (function() {