diff --git a/index/index.css b/index/index.css
index 1486fbd..ee544ab 100644
--- a/index/index.css
+++ b/index/index.css
@@ -2,8 +2,9 @@
     text-align: center;
 }
 .main {
+    font-family: monospace;
     font-size: x-large;
-    color: rgb(224, 193, 155);
+    color: rgba(230, 186, 142, 0.747);
 }
 .link:link {
     color: bisque;
@@ -27,7 +28,7 @@ body {
 .footer{
     font-size: small;
     padding-top: 10%;
-    color: rgb(224, 193, 155);
+    
 }
 .spacer{
     padding: 2.5%;
diff --git a/theme-apex.css b/theme-apex.css
new file mode 100644
index 0000000..7535801
--- /dev/null
+++ b/theme-apex.css
@@ -0,0 +1,396 @@
+:root {
+    --is-dark-theme: true;
+    --color-primary: rgba(230, 186, 142, 0.747);
+    --color-primary-contrast: rgb(22, 9, 38);
+    --color-primary-dark-1: var(--color-primary);
+    --color-primary-dark-2: #7bbae8;
+    --color-primary-dark-3: #8abee5;
+    --color-primary-dark-4: #99c2e2;
+    --color-primary-dark-5: #a7c5df;
+    --color-primary-dark-6: #b6c9dc;
+    --color-primary-dark-7: #c5cdd9;
+    --color-primary-light-1: var(--color-primary);
+    --color-primary-light-2: #63a1d0;
+    --color-primary-light-3: #5a8db5;
+    --color-primary-light-4: #51789a;
+    --color-primary-light-5: #48637f;
+    --color-primary-light-6: #3f4f64;
+    --color-primary-light-7: #363a49;
+    --color-primary-alpha-10: rgba(108, 182, 235, 0.1);
+    --color-primary-alpha-20: rgba(108, 182, 235, 0.2);
+    --color-primary-alpha-30: rgba(108, 182, 235, 0.3);
+    --color-primary-alpha-40: rgba(108, 182, 235, 0.4);
+    --color-primary-alpha-50: rgba(108, 182, 235, 0.5);
+    --color-primary-alpha-60: rgba(108, 182, 235, 0.6);
+    --color-primary-alpha-70: rgba(108, 182, 235, 0.7);
+    --color-primary-alpha-80: rgba(108, 182, 235, 0.8);
+    --color-primary-alpha-90: rgba(108, 182, 235, 0.9);
+    --color-secondary: #404455;
+    --color-secondary-dark-1: #404455;
+    --color-secondary-dark-2: #4b4f60;
+    --color-secondary-dark-3: #565b6b;
+    --color-secondary-dark-4: #616676;
+    --color-secondary-dark-5: #6c7281;
+    --color-secondary-dark-6: #777d8c;
+    --color-secondary-dark-7: #838997;
+    --color-secondary-dark-8: #8e94a2;
+    --color-secondary-dark-9: #999fad;
+    --color-secondary-dark-10: #a4abb8;
+    --color-secondary-dark-11: #afb6c3;
+    --color-secondary-dark-12: #bac2ce;
+    --color-secondary-dark-13: #c5cdd9;
+    --color-secondary-light-1: #404455;
+    --color-secondary-light-2: #3a3e4e;
+    --color-secondary-light-3: #363a49;
+    --color-secondary-light-4: #333644;
+    --color-secondary-alpha-10: rgba(64, 68, 85, 0.1);
+    --color-secondary-alpha-20: rgba(64, 68, 85, 0.2);
+    --color-secondary-alpha-30: rgba(64, 68, 85, 0.3);
+    --color-secondary-alpha-40: rgba(64, 68, 85, 0.4);
+    --color-secondary-alpha-50: rgba(64, 68, 85, 0.5);
+    --color-secondary-alpha-60: rgba(64, 68, 85, 0.6);
+    --color-secondary-alpha-70: rgba(64, 68, 85, 0.7);
+    --color-secondary-alpha-80: rgba(64, 68, 85, 0.8);
+    --color-secondary-alpha-90: rgba(64, 68, 85, 0.9);
+    --color-red: #ec7279;
+    --color-orange: #deb974;
+    --color-yellow: #deb974;
+    --color-olive: #a0c980;
+    --color-green: #a0c980;
+    --color-teal: #5dbbc1;
+    --color-blue: var(--color-primary);
+    --color-violet: #d38aea;
+    --color-purple: #d38aea; /* */
+    --color-pink: #d38aea;
+    --color-brown: #deb974;
+    --color-grey: #758094;
+    --color-red-light: #ec7279;
+    --color-orange-light: #deb974;
+    --color-yellow-light: #deb974;
+    --color-olive-light: #a0c980;
+    --color-green-light: #a0c980;
+    --color-teal-light: #5dbbc1;
+    --color-blue-light: var(--color-primary);
+    --color-violet-light: #d38aea;
+    --color-purple-light: #d38aea;
+    --color-pink-light: #d38aea;
+    --color-brown-light: #deb974;
+    --color-grey-light: #758094;
+    --color-black: #363a49;
+    --color-gold: #deb974;
+    --color-white: var(--color-primary-contrast);
+    --color-diff-removed-word-bg: #824a4f;
+    --color-diff-added-word-bg: #586d4b;
+    --color-diff-removed-row-bg: #55393d;
+    --color-diff-moved-row-bg: #354157;
+    --color-diff-added-row-bg: #394634;
+    --color-diff-removed-row-border: #a1565b;
+    --color-diff-moved-row-border: #517ca1;
+    --color-diff-added-row-border: #6d885a;
+    --color-diff-inactive: #363a49;
+    --color-error-border: #a1565b;
+    --color-error-bg: #55393d;
+    --color-error-text: #ec7279;
+    --color-success-border: #6d885a;
+    --color-success-bg: #394634;
+    --color-success-text: #a0c980;
+    --color-warning-border: #967e52;
+    --color-warning-bg: #4e432f;
+    --color-warning-text: #deb974;
+    --color-info-border: #517ca1;
+    --color-info-bg: #354157;
+    --color-info-text: var(--color-primary);
+    --color-body: var(--color-primary-contrast);
+    --color-box-header: #3a3e4e;
+    --color-box-body: #333644;
+    --color-box-body-highlight: #363a49;
+    --color-text-dark: #d38aea;
+    --color-text: #c5cdd9;
+    --color-text-hover: rgba(197, 205, 217, 0.8);
+    --color-text-light: #a0c980;
+    --color-text-light-1: #758094;
+    --color-text-light-2: #d38aea;
+    --color-text-light-3: #758094;
+    --color-footer: #333644;
+    --color-timeline: #404455;
+    --color-input-text: #c5cdd9;
+    --color-input-background: var(--color-primary-contrast);
+    --color-input-toggle-background: #333644;
+    --color-input-border: #404455;
+    --color-input-border-hover: #5b6275;
+    --color-navbar: #333644;
+    --color-navbar-transparent: #333644;
+    --color-nav-bg: #333644;
+    --color-nav-hover-bg: #3a3e4e;
+    --color-light: #333644;
+    --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
+    --color-light-border: #404455;
+    --color-hover: rgba(64, 68, 85, 0.5);
+    --color-active: rgba(64, 68, 85, 0.5);
+    --color-menu: #333644;
+    --color-card: #333644;
+    --color-markup-table-row: #3a3e4e;
+    --color-markup-code-block: var(--color-primary-contrast);
+    --color-button: #3a3e4e;
+    --color-code-bg: var(--color-primary-contrast);
+    --color-code-sidebar-bg: #333644;
+    --color-shadow: #00000060;
+    --color-secondary-bg: #333644;
+    --color-text-focus: #fff;
+    --color-expand-button: #363a49;
+    --color-placeholder-text: #758094;
+    --color-editor-line-highlight: #333644;
+    --color-project-board-bg: var(--color-primary-contrast);
+    --color-project-board-light-label: var(--color-primary);
+    --color-caret: var(--color-text);
+    --color-reaction-bg: #ffffff12;
+    --color-reaction-active-bg: var(--color-primary-alpha-40);
+    --color-header-bar: #333644;
+    --color-label-bg: #404455;
+    --color-label-text: #a0c980;
+    --color-label-active-bg: #404455;
+    --color-accent: var(--color-primary-light-1);
+    --color-small-accent: var(--color-primary-light-5);
+    --color-active-line: #333644;
+    --color-tooltip-bg: var(--color-secondary);
+    --color-input-toggle-background: var(--color-placeholder-text) !important;
+    accent-color: var(--color-accent);
+    color-scheme: dark
+}
+
+.chroma .nx {
+    color: #c5cdd9
+}
+
+.chroma .c,
+.chroma .c1,
+.chroma .ch,
+.chroma .cm,
+.chroma .sd {
+    color: #758094
+}
+
+.chroma .k,
+.chroma .kc,
+.chroma .kd,
+.chroma .kn,
+.chroma .kp,
+.chroma .kr {
+    color: #ec7279
+}
+
+.chroma .o,
+.chroma .ow {
+    color: var(--color-purple)
+}
+
+.chroma .s,
+.chroma .s1,
+.chroma .s2,
+.chroma .sa,
+.chroma .sb,
+.chroma .sc,
+.chroma .sh,
+.chroma .si,
+.chroma .sr,
+.chroma .ss,
+.chroma .sx,
+.chroma .nt,
+.chroma .cpf {
+    color: #a0c980
+}
+
+.chroma .m,
+.chroma .mb,
+.chroma .mf,
+.chroma .mh,
+.chroma .mi,
+.chroma .mo,
+.chroma .nl {
+    color: #a0c980
+}
+
+.chroma .kt,
+.chroma .nc,
+.chroma .nn,
+.chroma .nv {
+    color: #deb974
+}
+
+.chroma .nf,
+.chroma .nb,
+.chroma .na {
+    color: var(--color-primary)
+}
+
+.chroma .bp,
+.chroma .cp,
+.chroma .ne,
+.chroma .nd,
+.chroma .se {
+    color: #5dbbc1
+}
+
+.ui.primary.button,
+.ui.primary.buttons .button {
+    background: var(--color-primary);
+    background-color: var(--color-primary) !important;
+    color: var(--color-primary-contrast) !important;
+}
+
+.ui.primary.button:hover,
+.ui.primary.buttons .button:hover {
+    background: rgba(108, 182, 235, 0.8);
+    background-color: rgba(108, 182, 235, 0.8) !important;
+    color: var(--color-primary-contrast);
+}
+
+.ui.grey.labels .label,
+.ui.ui.ui.grey.label,
+.ui.grey.button,
+.ui.grey.buttons .button {
+    color: var(--color-primary-contrast);
+    background-color: var(--color-primary);
+    border-color: var(--color-primary)
+}
+
+.ui.grey.labels .label:hover,
+.ui.ui.ui.grey.label:hover,
+.ui.grey.button:hover,
+.ui.grey.buttons .button:hover {
+    color: var(--color-primary-contrast);
+    background-color: var(--color-primary);
+    border-color: var(--color-primary)
+}
+
+.ui.green.buttons .button,
+.ui.green.button {
+    background: #a0c980;
+    background-color: #a0c980;
+    color: var(--color-primary-contrast);
+}
+
+.ui.green.buttons .button:hover,
+.ui.green.button:hover {
+    background: rgba(160, 201, 128, 0.8);
+    background-color: rgba(160, 201, 128, 0.8);
+    color: var(--color-primary-contrast);
+}
+
+.ui.labeled.button.disabled>.button,
+.ui.basic.buttons .button,
+.ui.basic.button {
+    color: var(--color-purple)
+}
+
+.ui.labeled.button.disabled>.button:hover,
+.ui.basic.buttons .button:hover,
+.ui.basic.button:hover {
+    color: var(--color-purple)
+}
+
+.repo-title {
+    color: var(--color-purple)
+}
+
+.repo-buttons button[disabled]~.label,
+.repo-buttons .ui.labeled.button.disabled>.label {
+    color: var(--color-primary)
+}
+
+.ui.basic.labels .label,
+.ui.basic.label {
+    color: var(--color-primary);
+}
+
+.repository .ui.segment.sub-menu .list .item a:hover,
+.ui.tabular.menu .item:hover {
+    color: var(--color-text-hover);
+}
+
+.ui.primary.labels .label,
+.ui.ui.ui.primary.label {
+    color: var(--color-primary-contrast);
+}
+
+.ui.green.labels .label,
+.ui.ui.ui.green.label {
+    color: var(--color-primary-contrast);
+}
+
+i.grey.icon.icon.icon.icon {
+    color: #758094
+}
+
+* {
+    scrollbar-color: var(--color-purple) transparent !important
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px
+}
+
+::-webkit-scrollbar-thumb {
+    box-shadow: inset 0 0 0 6px var(--color-purple) !important;
+    border: 2px solid transparent;
+    border-radius: 5px !important
+}
+
+::-webkit-scrollbar-thumb:window-inactive {
+    box-shadow: inset 0 0 0 6px var(--color-purple) !important
+}
+
+::-webkit-scrollbar-thumb:hover {
+    box-shadow: inset 0 0 0 6px var(--color-purple) !important
+}
+
+::-webkit-scrollbar-corner {
+    background: transparent
+}
+
+.ui.red.labels .label,
+.ui.ui.ui.red.label,
+.ui.red.button,
+.ui.red.buttons .button {
+    background: #ec7279;
+    background-color: #ec7279;
+    color: var(--color-primary-contrast);
+}
+
+.ui.red.labels .label:hover,
+.ui.ui.ui.red.label:hover,
+.ui.red.button:hover,
+.ui.red.buttons .button:hover {
+    background: rgba(236, 114, 121, 0.8);
+    background-color: rgba(236, 114, 121, 0.8);
+    color: var(--color-primary-contrast);
+}
+
+.ui.labels a.label,
+a.ui.label {
+    background-color: #333644
+}
+
+.ui.labels a.label:hover,
+a.ui.label:hover {
+    background-color: var(--color-primary-contrast);
+}
+
+.ui.orange.labels .label,
+.ui.ui.ui.orange.label,
+.ui.orange.button,
+.ui.orange.buttons .button {
+    background: #deb974;
+    background-color: #deb974;
+    color: var(--color-primary-contrast);
+}
+
+.ui.orange.labels .label:hover,
+.ui.ui.ui.orange.label:hover,
+.ui.orange.button:hover,
+.ui.orange.buttons .button:hover {
+    background: rgba(222, 185, 116, 0.8);
+    background-color: rgba(222, 185, 116, 0.8);
+    color: var(--color-primary-contrast);
+}
\ No newline at end of file