David Storey avatar David Storey committed 98adc82

Added some example CSS and two HTML themes

Comments (0)

Files changed (14)

tests/syntax-highlight-css/blackboard.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 9pt;
+  line-height: 1.3em;
+  background-color: #0c1021;
+  color: #f8f8f8;
+}
+.css-selector {
+  color: #ff6400;
+}
+
+.css-property {
+  color: #8da6ce;
+}
+
+.css-property-value {
+  color: #d8fa3c; /*color for number values as keyword is same as property */
+}
+
+

tests/syntax-highlight-css/cobolt.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 9pt;
+  line-height: 1.3em;
+  background-color: #001b33;
+  color: #fff;
+}
+.css-selector {
+  color: #9effff;
+}
+
+.css-property {
+  color: #9df39f;
+}
+
+.css-property-value {
+  color: #f6f080; /*color for keyword values */
+}
+
+

tests/syntax-highlight-css/david.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 11px;
+  line-height: 1.3em;
+}
+.css-selector {
+  color: rgb(178, 85, 0);
+}
+
+.css-property {
+  color: rgb(91, 135, 172);
+}
+
+.css-property-value {
+  color: rgb(106, 130, 42)
+}
+
+

tests/syntax-highlight-css/espresso-libre.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 9pt;
+  line-height: 1.3em;
+  background-color: #2a211c;
+  color: #bdae9d;
+}
+.css-selector {
+  color: #bdae9d;
+}
+
+.css-property {
+  color: #6d79de;
+}
+
+.css-property-value {
+  color: #00af0e; /*color for keyword values*/
+}
+
+

tests/syntax-highlight-css/espresso.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 11px;
+  line-height: 1.3em;
+}
+.css-selector {
+  color: #4F9FCF;
+}
+
+.css-property {
+  color: #5ca22e;
+}
+
+.css-property-value {
+  color: #e3500d; /*color of keywords */
+}
+
+

tests/syntax-highlight-css/index.html

 <link rel="stylesheet" href="../syntax-highlight-markup/style.css">
 <link rel="alternate stylesheet" title="old df" href="old-df.css">
 <link rel="alternate stylesheet" title="orange" href="orange.css">
+<link rel="alternate stylesheet" title="espresso tutti colori" href="espresso.css">
+<link rel="alternate stylesheet" title="text wrangler" href="text-wrangler.css">
+<link rel="alternate stylesheet" title="pastie (clean)" href="pastie.css">
+<link rel="alternate stylesheet" title="blackboard" href="blackboard.css">
+<link rel="alternate stylesheet" title="cobolt" href="cobolt.css">
+<link rel="alternate stylesheet" title="espresso libre" href="espresso-libre.css">
+<link rel="alternate stylesheet" title="mac classic" href="mac-classic.css">
+<link rel="alternate stylesheet" title="pastels on dark" href="pastels.css">
+<link rel="alternate stylesheet" title="slate" href="slate.css">
+<link rel="alternate stylesheet" title="david" href="david.css">
+
 <script src="../syntax-highlight-markup/alternatestylesheet.js"></script>
 <style>
 

tests/syntax-highlight-css/mac-classic.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 9pt;
+  line-height: 1.3em;
+}
+.css-selector {
+  color: #000;
+  font-weight: bold;
+}
+
+.css-property {
+  color: #6d79de;
+  font-weight: bold;
+
+}
+
+.css-property-value {
+  color: #06960e;
+  font-weight: bold;
+}
+
+

tests/syntax-highlight-css/pastels.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 9pt;
+  line-height: 1.3em;
+  background-color: #211e1e;
+  color: #dadada;
+}
+.css-selector {
+  color: #b8cd06;
+}
+
+.css-property {
+  color: #e1c96b;
+}
+
+.css-property-value {
+  color: #9b2e4d; /*color for keyword values*/
+}
+
+

tests/syntax-highlight-css/pastie.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 9pt;
+  line-height: 1.3em;
+}
+.css-selector {
+  color: #007700;
+  font-weight: bold;
+}
+
+.css-property {
+  color: #664422;
+}
+
+.css-property-value {
+  color: #998877;
+}
+
+

tests/syntax-highlight-css/slate.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 9pt;
+  line-height: 1.3em;
+  background-color: #1b3748;
+  color: #f8f8f8;
+}
+.css-selector {
+  color: #9effff;
+}
+
+.css-property {
+  color: #9df39f;
+}
+
+.css-property-value {
+  color: #f6f080; /*color for keyword values*/
+}
+
+

tests/syntax-highlight-css/text-wrangler.css

+
+/* ecma script source */
+.source {
+  font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Courier New", monospace;
+  font-size: 12px;
+  line-height: 1.3em;
+}
+.css-selector {
+  color: #000;
+}
+
+.css-property {
+  color: #1180b7;
+}
+
+.css-property-value {
+  color: #000; /*color of keywords. strings and units should be a different color */
+}
+
+

tests/syntax-highlight-markup/david-alt.css

+.markup-tag {
+  color: rgb(60, 88, 154); 
+}
+
+.markup-attribute {
+  color: rgb(91, 135, 172); 
+}
+
+.markup-attribute-value {
+  color: rgb(178, 85, 0); 
+}
+
+.markup-comment {
+     color: rgb(172, 172, 172);
+}
+.markup-bogus-comment {
+     color: #358134;
+}

tests/syntax-highlight-markup/david.css

+.markup-tag {
+  color: rgb(60, 88, 154); 
+}
+
+.markup-attribute {
+  color: rgb(106, 130, 42); 
+}
+
+.markup-attribute-value {
+  color: rgb(178, 85, 0); 
+}
+
+.markup-comment {
+     color: rgb(172, 172, 172);
+}
+.markup-bogus-comment {
+     color: #358134;
+}

tests/syntax-highlight-markup/index.html

 <link rel="alternate stylesheet" title="bbp" href="bbp.css">
 <link rel="alternate stylesheet" title="bbb" href="bbb.css">
 <link rel="alternate stylesheet" title="br" href="br.css">
+<link rel="alternate stylesheet" title="david" href="david.css">
+<link rel="alternate stylesheet" title="david alt" href="david-alt.css">
+
 <script src="alternatestylesheet.js"></script>
 <style>
 
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.