Implement UIs using RmlUi

2026-05-10 23:23:40 +02:00 · 2026-05-10 23:23:40 +02:00 · 7f37be386d
commit 7f37be386d
parent 8039b1276e
27 changed files with 1457 additions and 42 deletions
--- a/assets/ui/base.rcss
+++ b/assets/ui/base.rcss
@ -0,0 +1,88 @@
+/* Base style sheet based on: https://mikke89.github.io/RmlUiDoc/pages/rml/html4_style_sheet.html */
+
+body, div, h1, h2, h3, h4, h5, h6, p, hr, pre {
+    display: block;
+}
+
+h1 {
+    font-size: 2em;
+    margin: .67em 0;
+}
+
+h2 {
+    font-size: 1.5em;
+    margin: .75em 0;
+}
+
+h3 {
+    font-size: 1.17em;
+    margin: .83em 0;
+}
+
+h4 {
+    margin: 1.12em 0;
+}
+
+h5 {
+    font-size: .83em;
+    margin: 1.5em 0;
+}
+
+h6 {
+    font-size: .75em;
+    margin: 1.67em 0;
+}
+
+h1, h2, h3, h4, h5, h6, strong {
+    font-weight: bold;
+}
+
+em {
+    font-style: italic;
+}
+
+pre {
+    white-space: pre;
+}
+
+hr {
+    border-width: 1px;
+}
+
+table {
+    box-sizing: border-box;
+    display: table;
+}
+
+tr {
+    box-sizing: border-box;
+    display: table-row;
+}
+
+td {
+    box-sizing: border-box;
+    display: table-cell;
+}
+
+col {
+    box-sizing: border-box;
+    display: table-column;
+}
+
+colgroup {
+    display: table-column-group;
+}
+
+thead, tbody, tfoot {
+    display: table-row-group;
+}
+
+tabset tabs {
+    display: block;
+}
+
+input {
+    background-color: white;
+    color: black;
+    cursor: text;
+}
--- a/assets/ui/main_ui.rml
+++ b/assets/ui/main_ui.rml
@ -0,0 +1,16 @@
+<rml>
+    <head>
+        <link type="text/rcss" href="base.rcss"/>
+        <style>
+            body {
+            font-family: LatoLatin;
+            font-size: 20dp;
+            color: white;
+            background-color: #330033;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Meow!</p>
+    </body>
+</rml>