frontend: design prototype

1 files changed, 53 insertions, 0 deletions

diff --git a/static/index.css b/static/index.css
new file mode 100644
index 0000000..dea1dd7
--- /dev/null
+++ b/static/index.css
@@ -0,0 +1,53 @@
+:host, :root {
+	--primary: #726eff;
+	--fg-primary: #fff;
+	--fg: #212b38;
+	--fg-disabled: #37465b;
+	--bg-label: #dedee8;
+	--border-radius: 4px;
+	--card-background: #fff;
+	--page-background: #dfdfdf;
+	--shadow: #223223aa 1px 1px 4px;
+}
+
+html, body {
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	height: 100%;
+}
+
+body {
+	font-family: "Noto Sans", sans-serif;
+	color: var(--fg);
+}
+
+button {
+	font-family: "Noto Sans", sans-serif;
+	background: var(--primary);
+	color: var(--fg-primary);
+	padding: 10px;
+	border: none;
+	border-radius: var(--border-radius);
+	font-weight: bold;
+	cursor: pointer;
+}
+
+input {
+	font-family: "Noto Sans", sans-serif;
+	color: var(--fg);
+	padding: 10px;
+	border: none;
+	outline: none;
+	background: var(--bg-label);
+	border-radius: var(--border-radius);
+}
+
+* {
+	box-sizing: border-box;
+}
+
+.icon svg {
+	width: 100%;
+	height: 100%;
+}