modify document

docs/html/js/page.js

@@ -4,29 +4,83 @@ copyProps({
   NOW: function() {
     return '11:22:33';
   },
+  bgblack: function(v) {
+    return '<span style="background-color: black;">' + v + '</span>';
+  },
+  bgblue: function(v) {
+    return '<span style="background-color: #03a;">' + v + '</span>';
+  },
+  bgcyan: function(v) {
+    return '<span style="background-color: #0cc;">' + v + '</span>';
+  },
+  bggreen: function(v) {
+    return '<span style="background-color: #0c0;">' + v + '</span>';
+  },
+  bgmagenta: function(v) {
+    return '<span style="background-color: #c0c;">' + v + '</span>';
+  },
+  bgred: function(v) {
+    return '<span style="background-color: #c00;">' + v + '</span>';
+  },
+  bgwhite: function(v) {
+    return '<span style="background-color: white;">' + v + '</span>';
+  },
+  bgyellow: function(v) {
+    return '<span style="background-color: #cc0;">' + v + '</span>';
+  },
+  black: function(v) {
+    return '<span style="color: black;">' + v + '</span>';
+  },
+  blue: function(v) {
+    return '<span style="color: #44c;">' + v + '</span>';
+  },
+  bold: function(v) {
+    return '<span style="font-weight: bold">' + v + '</span>';
+  },
+  cyan: function(v) {
+    return '<span style="color: #0cc">' + v + '</span>';
+  },
+  dim: function(v) {
+    return '<span style="color: #ccc;">' + v + '</span>';
+  },
   gray: function(v) {
     return '<span style="color: #aaa">' + v + '</span>';
   },
-  magenta: function(v) {
-    return '<span style="color: magenta">' + v + '</span>';
+  green: function(v) {
+    return '<span style="color: #0c0;">' + v + '</span>';
   },
-  cyan: function(v) {
-    return '<span style="color: cyan">' + v + '</span>';
+  grey: function(v) {
+    return '<span style="color: #aaa">' + v + '</span>';
+  },
+  hidden: function(v) {
+    return '<span style="color: transparent;">' + v + '</span>';
+  },
+  inverse: function(v) {
+    return '<span style="color: #333; background-color: white;">' + v + '</span>';
+  },
+  italic: function(v) {
+    return '<span style="font-style: italic;">' + v + '</span>';
+  },
+  magenta: function(v) {
+    return '<span style="color: #c0c;">' + v + '</span>';
   },
   red: function(v) {
     return '<span style="color: red">' + v + '</span>';
   },
-  blue: function(v) {
-    return '<span style="color: #39f;">' + v + '</span>';
+  reset: function(v) {
+    return '<span style="color: white; background-color: #333;">' + v + '</span>';
   },
-  yellow: function(v) {
-    return '<span style="color: yellow">' + v + '</span>';
+  strikethrough: function(v) {
+    return '<span style="text-decoration: line-through;">' + v + '</span>';
   },
-  bold: function(v) {
-    return '<span style="font-weight: bold">' + v + '</span>';
+  underline: function(v) {
+    return '<span style="text-decoration: underline;">' + v + '</span>';
+  },
+  white: function(v) {
+    return '<span style="color: white;">' + v + '</span>';
   },
-  code: function(v) {
-    return '<code>' + v + '</code>';
+  yellow: function(v) {
+    return '<span style="color: #cc0;">' + v + '</span>';
   },
 }, theme);
 

docs/html/js/theme-dic.js

@@ -144,22 +144,126 @@ var themeDic = {
     desc: 'The function which returns the current datetime in the specified format.',
     usage: '{NOW: HH:mm:ss}',
   },
+  bgblack: {
+    desc: 'The function which add black background color to a text.',
+    params: [
+      { example: 'This is a bgblack message.' },
+    ],
+  },
+  bgblue: {
+    desc: 'The function which add blue background color to a text.',
+    params: [
+      { example: 'This is a bgblue message.' },
+    ],
+  },
+  bgcyan: {
+    desc: 'The function which add cyan background color to a text.',
+    params: [
+      { example: 'This is a bgcyan message.' },
+    ],
+  },
+  bggreen: {
+    desc: 'The function which add green background color to a text.',
+    params: [
+      { example: 'This is a bggreen message.' },
+    ],
+  },
+  bgmagenta: {
+    desc: 'The function which add magenta background color to a text.',
+    params: [
+      { example: 'This is a bgmagenta message.' },
+    ],
+  },
+  bgred: {
+    desc: 'The function which add red background color to a text.',
+    params: [
+      { example: 'This is a bgred message.' },
+    ],
+  },
+  bgwhite: {
+    desc: 'The function which add white background color to a text.',
+    usage: '{bgwhite: {black: {1}}',
+    params: [
+      { example: 'This is a bgwhite message.' },
+    ],
+  },
+  bgyellow: {
+    desc: 'The function which add yellow background color to a text.',
+    params: [
+      { example: 'This is a bgyellow message.' },
+    ],
+  },
+  black: {
+    desc: 'The function which add black color to a text.',
+    usage: '{bgwhite: {black: {1}}',
+    params: [
+      { example: 'This is a black message.' },
+    ],
+  },
+  blue: {
+    desc: 'The function which adds blue color to a text.',
+    params: [
+      { example: 'This is a blue message.' },
+    ],
+  },
+  bold: {
+    desc: 'The function which adds bold style to a text.',
+    params: [
+      { example: 'This is a bold message.' },
+    ],
+  },
+  cyan: {
+    desc: 'The function which adds cyan color to a text.',
+    params: [
+      { example: 'This is a cyan message.' },
+    ],
+  },
+  dim: {
+    desc: 'The function which adds dim effect to a text.',
+    params: [
+      { example: 'This is a dimmed message.' },
+    ],
+  },
   gray: {
     desc: 'The function which adds gray color to a text.',
     params: [
       { example: 'This is a gray message.' },
     ],
   },
-  magenta: {
-    desc: 'The function which adds magenta color to a text.',
+  green: {
+    desc: 'The function which adds green color to a text.',
     params: [
-      { example: 'This is a magenta message.' },
+      { example: 'This is a green message.' },
     ],
   },
-  cyan: {
-    desc: 'The function which adds gray color to a text.',
+  grey: {
+    desc: 'The function which adds grey color to a text.',
     params: [
-      { example: 'This is a cyan message.' },
+      { example: 'This is a grey message.' },
+    ],
+  },
+  hidden: {
+    desc: 'The function which adds hidden effect to a text.',
+    params: [
+      { example: 'This is a hidden message.' },
+    ],
+  },
+  inverse: {
+    desc: 'The function which adds inverse effect to a text.',
+    params: [
+      { example: 'This is a inverse message.' },
+    ],
+  },
+  italic: {
+    desc: 'The function which adds italic style to a text.',
+    params: [
+      { example: 'This is a italic message.' },
+    ],
+  },
+  magenta: {
+    desc: 'The function which adds magenta color to a text.',
+    params: [
+      { example: 'This is a magenta message.' },
     ],
   },
   red: {
@@ -168,28 +272,37 @@ var themeDic = {
       { example: 'This is a red message.' },
     ],
   },
-  blue: {
-    desc: 'The function which adds blue color to a text.',
+  reset: {
+    desc: 'The function which resets color to a text.',
+    usage: '{red: This is {reset: {1}}}',
     params: [
-      { example: 'This is a blue message.' },
+      { example: 'a reset message.' },
     ],
   },
-  yellow: {
-    desc: 'The function which adds yellow color to a text.',
+  strikethrough: {
+    desc: 'The function which adds strikethrough style to a text.',
     params: [
-      { example: 'This is a yellow message.' },
+      { example: 'This is a strikethrough message.' },
     ],
   },
-  bold: {
-    desc: 'The function which adds bold style to a text.',
+  underline: {
+    desc: 'The function which adds underline color to a text.',
+    usage: '{underline: {1}}',
     params: [
-      { example: 'This is a bold message.' },
+      { example: 'This is a underline message.' },
+    ],
+  },
+  white: {
+    desc: 'The function which adds white color to a text.',
+    usage: '{BGBLACK: {WHITE: {1}}',
+    params: [
+      { example: 'This is a white message.' },
     ],
   },
-  code: {
-    desc: 'The function which adds gray background color to a text.',
+  yellow: {
+    desc: 'The function which adds yellow color to a text.',
     params: [
-      { example: 'This is a code message.' },
+      { example: 'This is a yellow message.' },
     ],
   },
 };