diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..823d8d4
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+ Matrix.to
+
+
+
+
+
+
diff --git a/src/_color-scheme.scss b/src/_color-scheme.scss
new file mode 100644
index 0000000..eee6eb0
--- /dev/null
+++ b/src/_color-scheme.scss
@@ -0,0 +1,6 @@
+$app-background: #f4f4f4;
+$background: #ffffff;
+$foreground: #000000;
+$font: #333333;
+$grey: #666666;
+$accent: #0098d4;
diff --git a/src/index.scss b/src/index.scss
index ce30a0f..6543fbd 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,3 +1,21 @@
+/*
+Copyright 2020 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+@import "color-scheme";
+
// CSS reset
* {
@@ -5,9 +23,24 @@
margin: 0;
}
+// Styling for universal elements
+
html,
body,
#root {
height: 100%;
width: 100%;
+
+ font-family: Helvetica Neue;
+ font-style: normal;
+
+ background-color: $app-background;
+ color: $font;
+}
+
+h1 {
+ font-weight: bold;
+ font-size: 24px;
+ line-height: 32px;
+ text-align: center;
}