diff --git a/gulp/res/css/themes/assets/VCR-OSD-Mono.ttf b/gulp/res/css/themes/assets/VCR-OSD-Mono.ttf
new file mode 100644
index 00000000..dcca687a
Binary files /dev/null and b/gulp/res/css/themes/assets/VCR-OSD-Mono.ttf differ
diff --git a/gulp/res/css/themes/assets/digi-bg.png b/gulp/res/css/themes/assets/digi-bg.png
new file mode 100644
index 00000000..a47dbe6e
Binary files /dev/null and b/gulp/res/css/themes/assets/digi-bg.png differ
diff --git a/gulp/res/css/themes/assets/digi-bg2.png b/gulp/res/css/themes/assets/digi-bg2.png
new file mode 100644
index 00000000..dfe60ac3
Binary files /dev/null and b/gulp/res/css/themes/assets/digi-bg2.png differ
diff --git a/gulp/res/css/themes/assets/digi-cursor.png b/gulp/res/css/themes/assets/digi-cursor.png
new file mode 100644
index 00000000..242a59aa
Binary files /dev/null and b/gulp/res/css/themes/assets/digi-cursor.png differ
diff --git a/gulp/res/css/themes/assets/favela-bg.jpg b/gulp/res/css/themes/assets/favela-bg.jpg
new file mode 100644
index 00000000..da0297ac
Binary files /dev/null and b/gulp/res/css/themes/assets/favela-bg.jpg differ
diff --git a/gulp/res/css/themes/assets/pc-9800.ttf b/gulp/res/css/themes/assets/pc-9800.ttf
new file mode 100644
index 00000000..a74b1e21
Binary files /dev/null and b/gulp/res/css/themes/assets/pc-9800.ttf differ
diff --git a/gulp/res/css/themes/assets/ptchan-bg.png b/gulp/res/css/themes/assets/ptchan-bg.png
new file mode 100644
index 00000000..dc2df352
Binary files /dev/null and b/gulp/res/css/themes/assets/ptchan-bg.png differ
diff --git a/gulp/res/css/themes/cybhub.css b/gulp/res/css/themes/cybhub.css
new file mode 100644
index 00000000..e6e56756
--- /dev/null
+++ b/gulp/res/css/themes/cybhub.css
@@ -0,0 +1,347 @@
+/* with love from ptchan */
+
+:root {
+    /* light theme colors */
+    --bg: #f7f8fa;
+    --bg-light: #fff;
+    --bg-dark: #f3f4f6;
+    --fg: #292d31;
+    --fg-dark: #24292e;
+    --fg-light: #6e7781;
+    --selection: #d0d7de;
+    --selection-dark: #cdd0d4;
+    --blue: #0969da;
+    --blue-light: #0072f3;
+    --green: #2da44e;
+    --orange: #e36209;
+    --pink: #ff5fba;
+    --red: #d73a49;
+    --red-light: #da4a59;
+    --yellow: #e3ca09;
+
+    /* navbar and green btn colors, dark and light themes share these elements */
+    --bg-navbar: #24292f;
+    --fg-navbar: #fff;
+    --fg-navbar-hover: #b1bac4;
+    --bg-btn-primary: #2da44e;
+    --bg-btn-primary-hover: #2c974b;
+    --text-btn-primary: #fff;
+    --border-btn-primary: rgba(27, 31, 36, 0.15);
+    --shadow-btn-primary: 0 1px 0 rgba(27, 31, 36, 0.1);
+    --shadow-inset-btn-primary: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+
+    /* main colors assignment */
+    --darken: var(--bg-dark);
+    --hr: var(--selection);
+    --navbar-color: var(--bg-navbar);
+    --background-top: var(--bg);
+    --background-rest: var(--bg);
+    --post-color: var(--bg-light);
+    --post-outline-color: var(--selection);
+    --highlighted-post-color: var(--bg-light);
+    --highlighted-post-outline-color: var(--selection);
+    --label-color: var(--bg-dark);
+    --box-border-color: var(--selection);
+    --alt-label-color: var(--bg);
+    --alt-font-color: var(--fg);
+    --input-color: var(--fg);
+    --input-borders: var(--selection);
+    --input-background: var(--bg-light);
+    --board-title: var(--fg-dark);
+    --title-color: var(--red-light);
+    --font-color: var(--fg);
+    --name-color: var(--blue);
+    --subject-color: var(--fg-dark);
+    --link-color: var(--fg-dark);
+    --link-hover: var(--blue);
+    --post-link-color: var(--fg-dark);
+    --dice-color: var(--orange);
+    --greentext-color: var(--green);
+    --pinktext-color: var(--pink);
+    --capcode-color: var(--red);
+    --icon-color: saturate(100%) hue-rotate(2deg) brightness(95%) contrast(100%);
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        /* dark theme colors */
+        --bg: #010409;
+        --bg-light: #0d1117;
+        --bg-dark: #21262d;
+        --fg: #ededf0;
+        --fg-dark: #fff;
+        --fg-light: #b1bac4;
+        --selection: #30363d;
+        --blue: #58a6ff;
+        --blue-light: #79c0ff;
+        --green: #56d364;
+        --orange: #d29922;
+        --pink: #d2a8ff;
+        --red: #ff7b72;
+        --red-light: #ffa198;
+        --yellow: #e3b341;
+    }
+}
+
+#action-menu,
+#customflag,
+#dragHandle,
+#float,
+#livetext,
+#postform,
+#threadstats,
+#threadwatcher,
+.bottom-reply,
+.captcha,
+.catalog-tile,
+.close,
+.collapse,
+.modal,
+.pages,
+.post-container,
+.stickynav,
+input[type=submit] {
+    border-radius: 6px !important
+}
+
+.file-thumb,
+.post-file-src * {
+    border-radius: 5px
+}
+
+#float {
+    box-shadow: none !important
+}
+
+/* darker post-info */
+.post-container.highlighted .post-info,
+.post-container:target,
+.post-info {
+    background: var(--darken);
+    margin: -6.5px -6.5px 5px -6.5px;
+    border-bottom: 1px solid var(--post-outline-color);
+    border-radius: 6px 6px 0 0
+}
+
+/* darker post-info */
+@media screen and (min-width:900px) {
+    .container {
+        width: 78vw;
+        margin: 0 auto
+    }
+
+    /* exceptions */
+    .navbar,
+    .main>.container {
+        width: 100%
+    }
+}
+
+a {
+    font-style: italic
+}
+
+/* better highlight */
+#float,
+.anchor:target+.catalog-tile,
+.anchor:target+.post-container,
+.anchor:target+table,
+.anchor:target+table tbody tr th,
+.post-container.highlighted,
+.post-container.hoverhighlighted {
+    outline: 2px solid var(--blue-light)
+}
+
+input:focus,
+select:focus,
+textarea:focus {
+    background: var(--highlighted-post-color);
+    border: 2px solid var(--blue-light)
+}
+
+/* post menu fixes */
+.postmenu {
+    border: solid var(--font-color);
+    border-width: 0 1px 1px 0;
+    background: 0 0
+}
+
+.postmenu:hover {
+    border: solid var(--link-hover);
+    border-width: 0 1px 1px 0;
+    background: 0 0
+}
+
+.postmenu:focus {
+    border: solid var(--font-color);
+    border-width: 0 1px 1px 0;
+    background: 0 0
+}
+
+/* files box */
+.filelabel {
+    background: var(--highlighted-post-color);
+    border: 2px dashed var(--blue-light)
+}
+
+/* big title */
+.board-title {
+    font-size: 55px
+}
+
+/* navbar */
+.navbar {
+    border: 0;
+    box-shadow: none
+}
+
+.stickynav {
+    background: var(--bg-navbar);
+    border: 0;
+    box-shadow: none
+}
+
+a.nav-item {
+    color: var(--fg-navbar);
+
+    font-weight: bold;
+    /* overwrites italic from links */
+    font-style: normal !important
+}
+
+a.nav-item:hover {
+    color: var(--fg-navbar-hover) !important
+}
+
+
+/* primary buttons */
+.bottom-reply.no-decoration,
+.collapse.no-decoration,
+.expand-omitted,
+input[type=submit] {
+    background: var(--bg-btn-primary);
+    border-color: var(--border-btn-primary);
+    color: var(--text-btn-primary);
+    box-shadow: var(--shadow-btn-primary), var(--shadow-inset-btn-primary);
+    transition: .2s cubic-bezier(.3, 0, .5, 1);
+    transition-property: color, background-color, border-color;
+
+    font-weight: bold;
+    /* overwrites italic from links */
+    font-style: normal !important
+}
+
+.bottom-reply.no-decoration:hover,
+.collapse.no-decoration:hover,
+.expand-omitted:hover,
+input[type=submit]:hover {
+    background: var(--bg-btn-primary-hover);
+    /* overwrites blue from links hover */
+    color: var(--text-btn-primary) !important
+}
+
+/* grey buttons */
+#action-menu,
+.close,
+.pages,
+.collapse {
+    background: var(--bg-light);
+    border-color: var(--selection);
+    box-shadow: var(--shadow-btn-primary), var(--shadow-inset-btn-primary);
+    transition: .2s cubic-bezier(.3, 0, .5, 1);
+    transition-property: color, background-color, border-color;
+}
+
+#action-menu:hover,
+.close:hover,
+.pages:hover,
+.collapse:hover {
+    background: var(--bg-dark);
+}
+
+/* dimmed info display */
+#livetext,
+#threadstats {
+    background: 0 0;
+    border: none
+}
+
+#livetext,
+#threadstats,
+.board-description,
+.cb,
+.edited,
+.footer,
+.post-date,
+.post-file-info,
+.replies {
+    color: var(--fg-light)
+}
+
+/* tables style */
+table {
+    border-collapse: separate;
+    border-radius: 6px;
+}
+
+td {
+    border-top: 1px solid var(--post-outline-color);
+    border-left: 1px solid var(--post-outline-color);
+}
+
+td:first-child,
+th:first-child {
+    border-left: none;
+}
+
+
+/* table exceptions */
+table.boardtable.w900 td:last-child {
+    background-color: unset !important;
+    text-shadow: unset;
+    color: var(--font-color) !important;
+}
+
+#hotposts,
+#hotposts td,
+#hotposts tr {
+    border: none;
+    background: none;
+}
+
+/* forms (post form and threadwatcher) */
+.modal,
+#postform,
+#threadwatcher {
+    background-color: var(--bg-light);
+    outline: 2px solid var(--blue-light);
+}
+
+.label {
+    border-radius: 6px 0px 0px 6px !important;
+}
+
+input[type="text"],
+input[type="password"],
+select:not(.postmenu),
+#message,
+#postpassword,
+.filelabel {
+    border-radius: 0px 6px 6px 0px !important;
+}
+
+#postform-dragHandle,
+#threadwatcher-dragHandle {
+    margin-bottom: 4px;
+    border-radius: 6px;
+    background-color: var(--bg);
+    padding: 5px;
+}
+
+#submitpost {
+    margin-top: 6px;
+}
+
+.rlabel {
+    border-radius: 0px 6px 6px 0px;
+}
diff --git a/gulp/res/css/themes/digi.css b/gulp/res/css/themes/digi.css
new file mode 100644
index 00000000..330ed7d3
--- /dev/null
+++ b/gulp/res/css/themes/digi.css
@@ -0,0 +1,311 @@
+:root {
+    --icon-color: invert(97%)sepia(32%)saturate(5790%)hue-rotate(318deg)brightness(107%)contrast(93%);
+    --alt-label-color: #98E;
+    --alt-font-color: black;
+    --background-top: #aaa2d8;
+    --background-rest: #e4e4f9;
+    --navbar-color: #aaa2d8;
+    --post-color: #D6DAF0;
+    --post-outline-color: #B7C5D9;
+    --label-color: #98E;
+    --box-border-color: #000;
+    --darken: #00000010;
+    --highlighted-post-color: #583582;
+    --highlighted-post-outline-color: #ba9dbf;
+    --board-title: #f85088;
+    --hr: #f6d453;
+    --font-color: white;
+    --name-color: #3fb700;
+    --capcode-color: #fbe65d;
+    --subject-color: #d478a1;
+    --link-color: #f6d453;
+    --post-link-color: #f6d453;
+    --link-hover: #e9758e;
+    --input-borders: #a9a9a9;
+    --input-color: #000;
+    --input-background: white;
+    --dice-color: #e85c61;
+    --title-color: #d70000;
+    --greentext-color: #4cff00;
+    --pinktext-color: #f5e33c;
+}
+
+#action-menu, #float .post-container, #livetext, #threadstats, .bottom-reply, .catalog-tile, .collapse, .pages, .post-container, .stickynav {
+    border-width: 0px 4px 4px 0px;
+    border: outset;
+    border-color: #a590ce;
+}
+
+.post-container {
+    padding: 0.25em;
+    max-width: 100%;
+    background: #8570af;
+    text-shadow: 1px 1px black;
+}
+#action-menu, #float .post-container, #livetext, #threadstats, .bottom-reply, .catalog-tile, .collapse, .pages, .post-container, .stickynav {
+    border-width: 0px 4px 4px 0px;
+    border: outset;
+    border-color: #a590ce;
+    background: #8570af;
+}
+.post-container.op {
+    max-width: max-content;
+    background: #8570afab;
+    border: outset;
+    border-width: 0px 4px 4px 0px;
+    border-color: #a590ce;
+}
+body {
+    font-family: pc-9800;
+    font-size: 11pt;
+    color: var(--font-color);
+    background: #a590ce no-repeat;
+    background-image: linear-gradient(45deg, #a590ceeb, #a590ceeb), url(/css/themes/assets/digi-bg1.png);
+    background-repeat: no-repeat, repeat, repeat;
+    background-position: bottom right,top, bottom;
+    background-attachment: fixed, scroll, scroll;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    margin: 0;
+}
+
+@font-face {
+  font-family: pc-9800;
+  src: url(/css/themes/assets/pc-9800.ttf);
+}
+.board-description {
+    text-align: center;
+    margin: 0;
+    font-size: 150%;
+    text-shadow: 1px 1px 1px white;
+    color: #452981;
+    font-family: 'pc-9800';
+    animation: flip 4s infinite;
+}
+
+@keyframes flip {
+  0%,80% {transform: rotateY(360deg) 
+  }
+}
+
+.board-title {
+    color: var(--board-title);
+    letter-spacing: -2px;
+    text-align: center;
+    margin: 0;
+    text-shadow: 1px 1px 1px white;
+    font-weight: bolder;
+    font-size: 420%;
+}
+
+.board-banner {
+    margin: 10px;
+    max-width: 100%;
+    min-width: 300px;
+    border-radius: 30px;
+    border: 5px ridge #db749f;
+    border-top: 0px;
+    height: fit-content !important;
+}
+
+.post-message {
+  text-align: left;
+  font-family: pc-9800;
+  font-size: 12pt;
+  padding-top: 5pt;
+}
+
+.post-info {
+    margin: -5px -5px 0 -5px;
+    padding: 5px;
+    padding-left: 3px;
+    display: block;
+    overflow-wrap: break-word;
+    font-family: 'pc-9800';
+    font-size: 12pt;
+}
+
+.file-thumb {
+    object-fit: contain;
+    max-width: var(--thumbnail-size);
+    max-height: var(--thumbnail-size);
+    border: 4px inset #8570af;
+}
+
+.footer {
+    text-align: center;
+    flex-shrink: 0;
+    margin-top: auto;
+    line-height: 1.5em;
+    background: #00000047;
+}
+
+.form-post {
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    text-shadow: 1px 1px 1px black;
+    border: 4px outset #a590ce;
+    background-repeat: repeat;
+    background-image: linear-gradient(45deg, #8570afcc, #8570afcc), url(/css/themes/assets/digi-bg2.png);
+}
+
+#postform, #threadwatcher {
+    display: none;
+    max-width: calc(100% - 10px);
+    max-height: calc(100% - 50px);
+    position: fixed;
+    top: 3.5em;
+    right: 5px;
+    background-color: var(--post-color);
+    z-index: 2;
+    box-sizing: border-box;
+    overflow-y: auto;
+    border: 4px outset #a590ce;
+}
+
+.navbar {
+    background: #aaa2d8;
+    position: fixed;
+    width: 100%;
+    z-index: 2;
+    top: 0;
+    border-bottom: 4px outset #a590ce;
+    text-shadow: 1px 1px 1px black;
+    font-family: 'pc-9800';
+    font-weight: bold;
+}
+
+.text-center.no-m-p.post-message {
+    white-space: break-spaces;
+    background: #e7d6e8;
+    font-family: cursive !important;
+    max-width: max-content;
+    color: #e1277b;
+    text-shadow: 2px 2px 0px white;
+    margin: auto;
+    font-weight: bold;
+    padding: 10px;
+    border: ridge 5px #db749f;
+    border-radius: 30px;
+    font-size: 120% !important;
+    text-align: center;
+}
+
+ div.modal { 
+ background: #8570AF;
+}
+
+option {
+    background: #8570AF;
+    font-family: pc-9800;
+}
+
+.stickynav {
+    bottom: 5px;
+    right: 5px;
+    position: fixed;
+    z-index: 1;
+    background: #8570af8f !important;
+}
+
+.postform-style {
+    display: flex;
+    background: #9988ee;
+    align-items: center;
+    box-sizing: border-box;
+}
+
+#action-menu, #float .post-container, #livetext, #threadstats, .bottom-reply, .catalog-tile, .collapse, .pages, .stickynav {
+    border-width: 0px 4px 4px 0px;
+    border: outset;
+    border-color: #a590ce;
+    background: #8570af;
+    text-shadow: 1px 1px 1px black;
+}
+
+.post-capcode {
+    font-weight: 700;
+    color: var(--capcode-color);
+    font-family: pc-9800;
+}
+
+.you:after {
+    margin-left: 3px;
+    font-weight: lighter;
+    font-style: italic;
+}
+
+.catalog-tile {
+    padding: 5px;
+    margin: 5px;
+    text-align: center;
+    height: 300px;
+    width: 480px;
+    overflow: auto;
+    box-sizing: border-box;
+    flex-grow: 1;
+    max-width: 300px;
+}
+
+table {
+    border-spacing: 0;
+    width: 700px;
+    border-width: 0px 4px 4px 0px;
+    border: outset;
+    border-color: #a590ce;
+    background: #8570af;
+    text-shadow: 1px 1px 1px black;
+}
+
+ hr {
+     border-width: 2px medium medium;
+    border-style: dashed none none;
+     margin: 9px 0;
+ }
+.floatactions[open] {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    display: inline-flex;
+    flex-direction: column;
+    max-width: calc(100% - 10px);
+    max-height: calc(100% - 50px);
+    position: fixed;
+    background-color: #5f5b79;
+    box-sizing: border-box;
+    align-self: center;
+    overflow: auto;
+}
+
+html, *, .dummy-link, .invalid-quote,#postform-dragHandle,#threadwatcher-dragHandle,  th { 
+  cursor: url(/css/themes/assets/digi-cursor.png), default; 
+}
+
+.post-file-info {
+  text-align: center;
+  margin: 2px;
+  margin-top: 2px;
+  margin-top: 0;
+  width: 100%;
+  max-width: var(--thumbnail-size);
+  font-size: 10pt;
+}
+
+.code, .mono {
+  background: var(--darken);
+  padding: 2px;
+  font-family: monospace;
+  max-width: calc(100vw - 50px);
+  font-size: 12px;
+}
+
+.customflag, .customflag::before, .flag {
+    vertical-align: unset;
+}
+
+input[type="text"] {
+    font-family: pc-9800;
+}
diff --git a/gulp/res/css/themes/favela.css b/gulp/res/css/themes/favela.css
new file mode 100644
index 00000000..e3c55d4a
--- /dev/null
+++ b/gulp/res/css/themes/favela.css
@@ -0,0 +1,141 @@
+/* with love from ptchan */
+
+:root {
+    --icon-color: invert(17%) sepia(89%) saturate(7057%) hue-rotate(2deg) brightness(93%) contrast(120%);
+    --alt-label-color: #d6f0da;
+    --alt-font-color: #333;
+    --background-top: #eefff2;
+    --background-rest: #eefff2;
+    --navbar-color: #d6f0da;
+    --post-color: #d6f0da;
+    --post-outline-color: transparent;
+    --label-color: #d6f0da;
+    --box-border-color: #d6f0da;
+    --darken: #0000000f;
+    --highlighted-post-color: #d6bad0;
+    --highlighted-post-outline-color: transparent;
+    --board-title: #b90000;
+    --hr: #DDD;
+    --font-color: #333;
+    --name-color: #117743;
+    --capcode-color: #f00;
+    --subject-color: #004A99;
+    --link-color: #34345c;
+    --post-link-color: #34345c;
+    --link-hover: #8d0000;
+    --input-borders: #d2d2d2;
+    --input-color: #333;
+    --input-background: #f5f5f5;
+    --dice-color: maroon;
+    --title-color: #d70000;
+    --greentext-color: #789922;
+    --pinktext-color: #E0727F;
+}
+
+.post-container, #float .post-container, .stickynav, .pages, .toggle-summary, .catalog-tile, #livetext, #threadstats {
+	border-width: 0 1px 1px 0;
+}
+a.quote {
+    color:var(--post-link-color);
+}
+
+.alt {
+    background: var(--label-color);
+    color: var(--font-color);
+}
+
+td, th {
+    padding: 5px;
+    overflow-wrap: anywhere;
+    padding: 6px;
+}
+
+table {
+    background: var(--background-rest);
+    border-radius: 5px;
+}
+
+#float .post-container, #livetext, #threadstats, .catalog-tile, .pages, .post-container, .stickynav, .toggle-summary {
+    border-width: 1px 1px 1px 1px;
+    border-radius: 5px;
+}
+
+.post-container {
+    padding: 10px;
+}
+
+.toggle-summary {
+    padding: 13px;
+}
+
+#postform {
+
+    border-radius: 5px;
+}
+
+#dragHandle {
+
+    border-radius: 5px;
+}
+
+.label, .rlabel {
+	border: none;
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.modal {
+
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.post-date{
+    opacity: 0.5;
+}
+
+img {
+    border-radius: 5px;
+}
+
+video {
+    border-radius: 5px;
+}
+
+@media only screen and (max-width: 600px) {
+.post-info {
+    background: var(--darken);
+    margin: -6.5px -6.5px 5px -6.5px;
+    border-bottom: 1px solid var(--post-outline-color);
+    border-radius: 5px;
+}
+
+.container {
+    padding: 5px;
+    
+}
+}
+
+.user-id {
+    text-shadow: none;
+    color: #fff;
+    padding: 1px 5px;
+    border: none;
+    border-radius: 5px;
+}
+
+.bottom-reply {
+    border-radius: 5px;
+}
+
+.collapse {
+    border-radius: 5px;
+}
+
+body {
+	background: url(/css/themes/assets/favela-bg.jpg) repeat 0 0 azure
+}
+
+hr {
+    border-top: 1px solid var(--post-color);
+}
diff --git a/gulp/res/css/themes/ptchan.css b/gulp/res/css/themes/ptchan.css
new file mode 100644
index 00000000..fe6d30af
--- /dev/null
+++ b/gulp/res/css/themes/ptchan.css
@@ -0,0 +1,138 @@
+/* from ptchan with love */
+
+:root {
+	--icon-color:invert(17%)sepia(89%)saturate(7057%)hue-rotate(2deg)brightness(93%)contrast(120%);
+	--alt-label-color: #800;
+	--alt-font-color: #fff;
+	--background-top: #fed6af90;
+	--background-rest: #ffe;
+	--navbar-color: #f0e0d6;
+	--post-color: #f0e0d6;
+	--post-outline-color: #d9bfb7;
+	--label-color: #EA8;
+	--box-border-color: #000;
+	--darken: #ead6ca;
+	--highlighted-post-color: #f0c0b0;
+	--highlighted-post-outline-color: #d99f91;
+	--board-title: #af0a0f;
+	--hr: #D9BFB7;
+	--font-color: #800000;
+	--name-color: #117743;
+	--capcode-color: #f00;
+	--subject-color: #f00;
+	--link-color: #800;
+	--post-link-color: navy;
+	--link-hover: #f00;
+	--input-borders: #a9a9a9;
+	--input-color: #000;
+	--input-background: white;
+	--dice-color: darkorange;
+	--title-color: #d70000;
+	--greentext-color: #789922;
+	--pinktext-color:#E0727F;
+}
+
+.post-container, #float .post-container, .stickynav, .pages, .toggle-summary, .catalog-tile, #livetext, #threadstats {
+	border-width: 0 1px 1px 0;
+}
+a.quote {
+    color:var(--post-link-color);
+}
+
+.alt {
+    background: var(--label-color);
+    color: var(--font-color);
+}
+
+td, th {
+    padding: 5px;
+    overflow-wrap: anywhere;
+    padding: 6px;
+}
+
+table {
+    background: var(--background-rest);
+    border: 1px solid var(--highlighted-post-color);
+    border-radius: 5px;
+}
+
+#float .post-container, #livetext, #threadstats, .catalog-tile, .pages, .post-container, .stickynav, .toggle-summary {
+    border-width: 1px 1px 1px 1px;
+    border-radius: 5px;
+}
+
+.post-container {
+    padding: 10px;
+}
+
+.toggle-summary {
+    padding: 13px;
+}
+
+#postform {
+
+    border-radius: 5px;
+}
+
+#dragHandle {
+
+    border-radius: 5px;
+}
+
+.label, .rlabel {
+	border: none;
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.modal {
+
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.post-date{
+    opacity: 0.5;
+}
+
+img {
+    border-radius: 5px;
+}
+
+video {
+    border-radius: 5px;
+}
+
+@media only screen and (max-width: 600px) {
+.post-info {
+    background: var(--darken);
+    margin: -6.5px -6.5px 5px -6.5px;
+    border-bottom: 1px solid var(--post-outline-color);
+    border-radius: 5px;
+}
+
+.container {
+    padding: 5px;
+    
+}
+}
+
+.user-id {
+    text-shadow: none;
+    color: #fff;
+    padding: 1px 5px;
+    border: none;
+    border-radius: 5px;
+}
+
+.bottom-reply {
+    border-radius: 5px;
+}
+
+.collapse {
+    border-radius: 5px;
+}
+
+body {
+    background: url(/css/themes/assets/ptchan-bg.png) repeat 0 0 #ffe
+}
diff --git a/gulp/res/css/themes/teletext.css b/gulp/res/css/themes/teletext.css
new file mode 100644
index 00000000..bf124be0
--- /dev/null
+++ b/gulp/res/css/themes/teletext.css
@@ -0,0 +1,149 @@
+/* from ptchan with love */
+
+:root {
+	--icon-color: invert(17%)sepia(89%)saturate(7057%)hue-rotate(2deg)brightness(93%)contrast(120%);
+	--alt-label-color: #040404;
+	--alt-font-color: #e8eaf6;
+	--background-top: #000;
+	--background-rest: #000;
+	--navbar-color: #040404;
+	--post-color: #000;
+	--post-outline-color: #111;
+	--label-color: #040404;
+	--box-border-color: #111;
+	--darken: #040404;
+	--highlighted-post-color: #000;
+	--highlighted-post-outline-color: #444;
+	--board-title: #e8eaf6;
+	--hr: #040404;
+	--font-color: #e8eaf6;
+	--name-color: #e8eaf6;
+	--capcode-color: #f00;
+	--subject-color: #b294bb;
+	--link-color: white;
+	--post-link-color: #5f89ac;
+	--link-hover: #81a2be;
+	--input-borders: #111;
+	--input-color: #e8eaf6;
+	--input-background: #040404;
+	--dice-color: darkorange;
+	--title-color: #d70000;
+	--greentext-color: lime;
+	--pinktext-color: magenta;
+}
+
+.spoiler {
+	background: gray;
+	color: azuregray;
+}
+
+.spoiler:not(:hover) * {
+	color: gray;
+	background: gray !important;
+}
+
+.post-info, .post-container:target .post-info, .post-container.highlighted .post-info {
+	background: none !important;
+    border: none !important
+}
+
+@font-face {
+    font-family: VCR OSD Mono;
+    src: url(/css/themes/assets/VCR-OSD-Mono.ttf);
+}
+
+* {
+    font-family: 'VCR OSD Mono', sans-serif !important;
+}
+
+body {
+    background: black !important;
+    width: 80%;
+    margin: auto;
+    font-size: medium;
+}
+
+a {
+    text-decoration: none !important;
+	color: var(--link-color) !important;
+}
+
+th {
+    text-transform: uppercase;
+}
+
+tr:nth-child(2n) * {
+    color: yellow;
+}
+
+.bold {
+	color: var(--link-color) !important;
+}
+
+.navbar {
+    width: inherit;
+}
+
+.navbar .nav-item {
+    text-transform: uppercase;
+}
+
+.board-title {
+    background-color: black;
+    color: white;
+    text-transform: uppercase;
+    border: 6px solid red;
+    width: 60%;
+    margin: auto;
+    letter-spacing: 0.5em;
+    padding: 10px;
+}
+
+.no-m-p  {
+    background-color: blue;
+    color: var(--font-color) !important; 
+    padding: 10px 10px;
+}
+
+.footer {
+    width: 100%;
+    display: flex;
+    flex-flow: row wrap;
+    align-content: space-between;
+    justify-content: space-between;
+    background-color: black;
+    font-size: 0; /* This a trick used to hide the bullet points that aren't encapsulated by tags */
+    line-height: normal;
+}
+
+.footer a {
+    color: blue !important;
+    flex: 1;
+    text-transform: uppercase;
+    font-size: initial;
+	padding: 5px 0;
+}
+
+.footer > div {
+    line-break: after;
+    color: red;
+    font-size: initial;
+    padding: 10px 0;
+}
+
+.footer a:nth-child(4n + 1) {
+    background-color: red;
+    color: white !important;
+}
+
+.footer a:nth-child(4n + 2) {
+    background-color: lime;
+}
+
+.footer a:nth-child(4n + 3) {
+    background-color: yellow;
+}
+
+.footer a:nth-child(4n + 4) {
+    background-color: cyan;
+}