1 files changed, 71 insertions, 0 deletions
diff --git a/pw_web/log-viewer/src/index.css b/pw_web/log-viewer/src/index.css
new file mode 100644
index 000000000..04a79a2c2
--- /dev/null
+++ b/pw_web/log-viewer/src/index.css
@@ -0,0 +1,71 @@
+/*
+ * Copyright 2023 The Pigweed Authors
+ *
+ * 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
+ *
+ *     https://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 url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,300;8..144,400;8..144,500;8..144,600&family=Roboto+Mono:wght@400;500&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block');
+
+:root {
+    background-color: #fff;
+    font-family: "Roboto Flex", Arial, sans-serif;
+    font-synthesis: none;
+    font-weight: 400;
+    line-height: 1.5;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-text-size-adjust: 100%;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        background-color: #131314;
+    }
+}
+
+* {
+    box-sizing: border-box;
+}
+
+button {
+    font-family: "Roboto Flex";
+}
+
+main {
+    height: 100vh;
+    padding: 16px;
+    width: 100vw;
+}
+
+@media (min-width: 840px) {
+    main {
+        padding: 24px;
+    }
+}
+
+a {
+    color: var(--md-sys-color-primary);
+    font-weight: 500;
+    text-decoration: inherit;
+}
+
+a:hover {
+    color: var(--md-sys-color-secondary);
+}
+
+body {
+    display: grid;
+    place-content: start;
+    margin: 0;
+}
+\ No newline at end of file