4 files changed, 86 insertions, 0 deletions
diff --git a/apps/Radio/styles/Radio.module.scss b/apps/Radio/styles/Radio.module.scss
new file mode 100644
index 0000000..ac6dc35
--- /dev/null
+++ b/apps/Radio/styles/Radio.module.scss
@@ -0,0 +1,3 @@
+@import "radio";
+@import "list";
+@import "search";
diff --git a/apps/Radio/styles/_list.scss b/apps/Radio/styles/_list.scss
new file mode 100644
index 0000000..08e37cc
--- /dev/null
+++ b/apps/Radio/styles/_list.scss
@@ -0,0 +1,51 @@
+.list {
+  padding: 10px;
+  height: 100%;
+  overflow-y: auto;
+
+  & > div {
+    & > div {
+      padding: 8px 0;
+      display: flex;
+      justify-content: left;
+      align-items: center;
+      transition: .3s background-color;
+
+      @media(hover: hover) {
+        &:hover {
+          background-color:  var(--color-button-alt);
+        }
+      }
+
+      & > img {
+        margin-right: 10px;
+        height: 75px;
+        width: 75px;
+      }
+
+      & > div {
+        padding-top: .5rem;
+        & > span {
+          display: inline-block;
+          font-weight: 600;
+          color: var(--color-text-alt);
+        }
+
+        & > div {
+          & > span {
+            color: var(--color-text);
+          }
+          & > div {
+            & > span {
+              display: inline-block;
+              background-color:  var(--color-button);
+              padding: 0.25rem;
+              margin: 0.5rem .5rem 0.5rem 0;;
+              border-radius: .25rem;
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/apps/Radio/styles/_radio.scss b/apps/Radio/styles/_radio.scss
new file mode 100644
index 0000000..c62ec36
--- /dev/null
+++ b/apps/Radio/styles/_radio.scss
@@ -0,0 +1,9 @@
+.radio {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background-color: #000;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--color-window-content);
+}
diff --git a/apps/Radio/styles/_search.scss b/apps/Radio/styles/_search.scss
new file mode 100644
index 0000000..0194618
--- /dev/null
+++ b/apps/Radio/styles/_search.scss
@@ -0,0 +1,23 @@
+.search {
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  padding: .5rem .5rem 15px 1rem;
+  background: var(--color-window-menu);
+
+  input {
+    background-color: var(--color-window-content);
+    color: var(--color-text-alt);
+    border: none;
+    border-radius: .5rem;
+    padding: 0.5rem;
+    font-size: 1rem;
+    border: 1px dashed var(--color-window-buttons);
+    width: 100%;
+  }
+
+  span {
+    margin-top: 0;
+    margin-right: .5em;
+  }
+}