aboutsummaryrefslogtreecommitdiff
path: root/www/index.html
diff options
context:
space:
mode:
authorAkshay <[email protected]>2021-06-13 07:01:43 +0100
committerAkshay <[email protected]>2021-06-13 07:01:43 +0100
commit86a9e34dfcc84203a0de741718f57948e411535b (patch)
treece2800b01340a56bba695697306c6fe6cf528d69 /www/index.html
parenta0d2a9f151302fa1d2d78bb655db280e5cd458bb (diff)
frontend: add theme + syntax hl
Diffstat (limited to 'www/index.html')
-rw-r--r--www/index.html12
1 files changed, 8 insertions, 4 deletions
diff --git a/www/index.html b/www/index.html
index 55127df..81da9d9 100644
--- a/www/index.html
+++ b/www/index.html
@@ -5,6 +5,9 @@
5 <title>CSTea</title> 5 <title>CSTea</title>
6 </head> 6 </head>
7 <style> 7 <style>
8html, body {
9 margin: 0;
10}
8.grid-container { 11.grid-container {
9 width: 100%; 12 width: 100%;
10 display: grid; 13 display: grid;
@@ -13,15 +16,17 @@
13.syntax-node { 16.syntax-node {
14 padding-left: 5px; 17 padding-left: 5px;
15 margin-left: 20px; 18 margin-left: 20px;
16 border-left: 2px solid white; 19 border-left: 2px solid #2c313a;
17} 20}
18.syntax-node:hover { 21.syntax-node:hover {
19 border-left: 2px solid #ccc; 22 border-left: 2px solid #545c69;
20} 23}
21.syntax-err { 24.syntax-err {
22 color: red; 25 color: #e06c75;
23} 26}
24#cst, #source-code { 27#cst, #source-code {
28 background-color: #2c313a;
29 color: #a3aab6;
25 height: 100vh; 30 height: 100vh;
26 overflow: scroll; 31 overflow: scroll;
27} 32}
@@ -38,6 +43,5 @@ pre {
38 <div id="cst"> 43 <div id="cst">
39 </div> 44 </div>
40 </div> 45 </div>
41 <!-- button id="gen-cst">Generate CST</button -->
42 </body> 46 </body>
43</html> 47</html>