diff --git a/styles.css b/styles.css
@@ -22,7 +22,6 @@
*/
--background: #2D2B55;
- --foreground: #A599E9;
--selection: #A599E940;
--light: #eeeeff;
--dark: #000022;
@@ -103,7 +102,7 @@ body > div#container {
@media (orientation: portrait) {
body > div#container {
- grid-template-rows: calc(4 * var(--tiny)) 1fr 2fr;
+ grid-template-rows: calc(4 * var(--tiny)) 30vh auto;
grid-template-areas: "title" "display" "text";
height: calc(100vh - 2 * var(--small));
@@ -117,6 +116,8 @@ body, body * {
body > div#container > div#title {
grid-area: title;
+
+ overflow: hidden;
}
body > div#container > div#title > * {
@@ -164,7 +165,6 @@ body > div#container, body > div#container > * {
body > div#container.error {
--background: #913534;
- --foreground: #e999b4;
--selection: #f12b5c40;
--light: #ffefef;
@@ -180,7 +180,7 @@ body > div#container > div#display {
display: grid;
grid-area: display;
- grid-template-rows: auto calc(4 * var(--tiny));
+ grid-template-rows: calc(100% - 6 * var(--tiny)) auto;
grid-template-columns: calc(4 * var(--tiny)) calc(4 * var(--tiny)) calc(4 * var(--tiny)) auto;
grid-template-areas: "image image image image"
"button button button .";
@@ -277,7 +277,7 @@ body > div#container > div#editor > textarea {
overflow: scroll;
- scrollbar-color: var(--foreground) transparent;
+ scrollbar-color: var(--light) transparent;
scrollbar-width: thin;
}
@@ -292,7 +292,7 @@ body > div#container > div#editor > textarea::-webkit-scrollbar-track {
}
body > div#container > div#editor > textarea::-webkit-scrollbar-thumb {
- background: var(--foreground);
+ background: var(--light);
outline: none;
}
@@ -304,17 +304,12 @@ body > div#container > div#editor > textarea::-moz-selection {
background: var(--selection);
}
-.elmsh {color: var(--light);}
-.elmsh-hl {background: rgba(229, 231,235, 0.1);}
-.elmsh-add {background: rgba(40, 124,82, 0.4);}
-.elmsh-del {background: rgba(136, 64,67, 0.4);}
-
.elmsh-comm {
font-style: italic;
color: var(--comm);
}
+.elmsh , .elmsh7 { color: var(--light); }
.elmsh1, .elmsh2, .elmsh6 { color: var(--string); }
.elmsh3, .elmsh4 { color: var(--tag); }
-.elmsh5 { color: var(--prop); }
-.elmsh7 { color: var(--light); }-
\ No newline at end of file
+.elmsh5 { color: var(--prop); }+
\ No newline at end of file