diff options
| author | neauoire <aliceffekt@gmail.com> | 2019-12-15 11:49:44 -0500 |
|---|---|---|
| committer | neauoire <aliceffekt@gmail.com> | 2019-12-15 11:49:44 -0500 |
| commit | 7290ffd02cbc8bb4134f8bfcc9501e4af77f3eaf (patch) | |
| tree | 34eec15edc4daeb9fd9f334cfa3c8d9543cdffc5 | |
| parent | a4e5787118e31670e68048856f80d9c87459e9a8 (diff) | |
*
| -rw-r--r-- | editor/links/main.css | 4 | ||||
| -rw-r--r-- | editor/scripts/lib/theme.js | 12 | ||||
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | themes/forestlawn.svg | 14 |
4 files changed, 23 insertions, 9 deletions
diff --git a/editor/links/main.css b/editor/links/main.css index efa812a..d59f79f 100644 --- a/editor/links/main.css +++ b/editor/links/main.css @@ -11,8 +11,8 @@ body { font-size:14px; font-family: 'input_mono_medium'; font-weight:normal; padding:30px; transition: background-color 500ms; overflow: hidden;} body svg { margin:0px auto 30px; display: block; } table { margin:0px auto 30px; width:100%; } -table tr td { padding:5px 10px; transition: background-color 250ms, color 250ms; font-size:11px; line-height: 20px; position: relative; padding-left:32px; } -table tr th { padding:5px 10px;font-size:11px; line-height: 20px; position: relative; text-align: left} +table tr td { padding:5px 10px; transition: background-color 250ms, color 250ms; font-size:11px; line-height: 20px; position: relative; padding-left:32px; width:25%;} +table tr th { padding:5px 10px;font-size:11px; line-height: 20px; position: relative; text-align: left; width:25%;} table tr td svg { stroke:none; display: inline-block; margin:0px 15px 0px 0px; position: absolute; left:8px; top:6px;} table tr td span { display: inline-block; } #debug { font-size: 11px } diff --git a/editor/scripts/lib/theme.js b/editor/scripts/lib/theme.js index e218392..0556fa0 100644 --- a/editor/scripts/lib/theme.js +++ b/editor/scripts/lib/theme.js @@ -11,12 +11,12 @@ function Theme (client) { this.active = {} this.default = { background: '#eeeeee', - f_high: '#000000', - f_med: '#666666', - f_low: '#888888', - f_inv: '#000000', - b_high: '#cccccc', - b_med: '#dddddd', + f_high: '#0a0a0a', + f_med: '#4a4a4a', + f_low: '#6a6a6a', + f_inv: '#111111', + b_high: '#a1a1a1', + b_med: '#c1c1c1', b_low: '#ffffff', b_inv: '#ffb545' } @@ -7,7 +7,7 @@ <link rel="stylesheet" type="text/css" href="editor/links/reset.css"/> <link rel="stylesheet" type="text/css" href="editor/links/main.css"/> <link rel="stylesheet" type="text/css" href="editor/links/theme.css"/> - <title>Theme Benchmark</title> + <title>Themes</title> </head> <body> <div id='benchmark'> diff --git a/themes/forestlawn.svg b/themes/forestlawn.svg new file mode 100644 index 0000000..e9b88e2 --- /dev/null +++ b/themes/forestlawn.svg @@ -0,0 +1,14 @@ +<!-- Author: abalone1969 --> +<svg width="96px" height="64px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1"> + <rect width='96' height='64' id='background' fill='#cd853f'></rect> + <!-- Foreground --> + <circle cx='24' cy='24' r='8' id='f_high' fill='#000000'></circle> + <circle cx='40' cy='24' r='8' id='f_med' fill='#8b0000'></circle> + <circle cx='56' cy='24' r='8' id='f_low' fill='#8b4513'></circle> + <circle cx='72' cy='24' r='8' id='f_inv' fill='#00ced1'></circle> + <!-- Background --> + <circle cx='24' cy='40' r='8' id='b_high' fill='#90ee90'></circle> + <circle cx='40' cy='40' r='8' id='b_med' fill='#32cd32'></circle> + <circle cx='56' cy='40' r='8' id='b_low' fill='#9acd32'></circle> + <circle cx='72' cy='40' r='8' id='b_inv' fill='#000000'></circle> +</svg> |
