diff --git a/public/css/theme-vrifox-2020.css b/public/css/theme-vrifox-2020.css
new file mode 100644
index 0000000..4a7b5b4
--- /dev/null
+++ b/public/css/theme-vrifox-2020.css
@@ -0,0 +1,500 @@
+/* ------------------------------------------------ */
+/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */
+/* ------------------------------------------------ */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #ff8282 #3c3c5a; }
+  *::selection {
+    background: #f5f5ff; }
+
+body {
+  background: #28283c;
+  color: #f5f5ff; }
+
+a {
+  color: white;
+  transition: color 0.2s; }
+  a:hover {
+    color: #ff8282; }
+
+.ui.main.menu {
+  background: #3c3c5a;
+  border-bottom: 0;
+  min-height: 64px; }
+  .ui.main.menu #navbar {
+    width: 1127px; }
+    .ui.main.menu #navbar .item {
+      color: #d7d7e1; }
+      .ui.main.menu #navbar .item.brand {
+        margin: 0 .5rem 0 0; }
+        .ui.main.menu #navbar .item.brand .mini.image {
+          transition: opacity .2s; }
+          .ui.main.menu #navbar .item.brand .mini.image:hover {
+            opacity: .9; }
+      .ui.main.menu #navbar .item:not(.brand) {
+        display: block;
+        padding: 24px;
+        border-radius: 0;
+        margin: 0px 0px;
+        transition: background .2s, color .2s; }
+        .ui.main.menu #navbar .item:not(.brand):hover {
+          background: #32324b;
+          color: white; }
+        .ui.main.menu #navbar .item.active:not(.brand) {
+          color: #f5f5ff;
+          background: #32324b; }
+  .ui.main.menu .dropdown.item > .menu {
+    margin-top: 0; }
+  .ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu {
+    border: 0; }
+  .ui.main.menu .dropdown.item:hover,
+  .ui.main.menu .link.item:hover,
+  .ui.main.menu .active.item:hover,
+  .ui.main.menu a.item:hover {
+    color: #ffffff; }
+
+/* repository: code / main */
+.repository .header-wrapper {
+  background-color: #464669; }
+  .repository .header-wrapper .repo-header .repo-title a {
+    color: #f5f5ff; }
+  .repository .header-wrapper .repo-header .repo-title .divider {
+    color: #d7d7e1; }
+  .repository .header-wrapper .repo-header .repo-buttons .button {
+    color: #d7d7e1;
+    background: #3c3c5a; }
+    .repository .header-wrapper .repo-header .repo-buttons .button:hover {
+      color: white; }
+  .repository .header-wrapper .repo-header .repo-buttons .label {
+    background: #5a5a87;
+    color: #d7d7e1; }
+    .repository .header-wrapper .repo-header .repo-buttons .label:hover {
+      color: white; }
+  .repository .header-wrapper .tabs .item {
+    color: #d7d7e1;
+    transition: color .2s; }
+    .repository .header-wrapper .tabs .item:hover {
+      color: white; }
+    .repository .header-wrapper .tabs .item.active {
+      background: #3c3c5a;
+      border: 0;
+      color: #f5f5ff; }
+      .repository .header-wrapper .tabs .item.active span.label {
+        background: #32324b; }
+    .repository .header-wrapper .tabs .item span.label {
+      background: #3c3c5a; }
+
+.repository .container .repo-description {
+  color: #f5f5ff; }
+  .repository .container .repo-description a {
+    color: #d7d7e1; }
+    .repository .container .repo-description a:hover {
+      color: #ff8282; }
+
+.repository .container #repo-topics .repo-topic.label {
+  background: #3c3c5a;
+  color: #f5f5ff; }
+  .repository .container #repo-topics .repo-topic.label:hover {
+    background: #464669;
+    color: white; }
+
+.repository .container .repo-topic-edit {
+  display: none !important; }
+  .repository .container .repo-topic-edit.success, .repository .container .repo-topic-edit.error {
+    display: flex !important; }
+
+.repository .container .repository-summary {
+  border: 0; }
+  .repository .container .repository-summary .repository-menu {
+    background: #32324b; }
+    .repository .container .repository-summary .repository-menu .item a {
+      color: #f5f5ff !important; }
+      .repository .container .repository-summary .repository-menu .item a:hover {
+        color: white !important; }
+  .repository .container .repository-summary .language-stats-details {
+    display: block !important; }
+
+.repository .container .secondary.menu .item #clone-panel #repo-clone-https,
+.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh {
+  color: #f5f5ff;
+  box-shadow: none !important; }
+  .repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue),
+  .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue) {
+    background: #3c3c5a; }
+    .repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue):hover,
+    .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue):hover {
+      background: #32324b; }
+  .repository .container .secondary.menu .item #clone-panel #repo-clone-https.blue,
+  .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh.blue {
+    box-shadow: inset 0 0 0 1px #ff8282 !important;
+    color: #ff8282 !important; }
+
+.repository .container .secondary.menu .item #clone-panel input#repo-clone-url {
+  background: #28283c;
+  border: 2px solid #3c3c5a;
+  color: #f5f5ff; }
+  .repository .container .secondary.menu .item #clone-panel input#repo-clone-url:focus {
+    background: #32324b;
+    border: 2px solid #3c3c5a;
+    color: white; }
+
+.repository .container .secondary.menu .item #clipboard-btn {
+  background: #3c3c5a; }
+  .repository .container .secondary.menu .item #clipboard-btn:hover {
+    background: #32324b; }
+  .repository .container .secondary.menu .item #clipboard-btn .svg {
+    fill: whitesmoke; }
+
+.repository .container .secondary.menu .item div.dropdown.button {
+  background: #3c3c5a; }
+  .repository .container .secondary.menu .item div.dropdown.button:hover {
+    background: #32324b; }
+  .repository .container .secondary.menu .item div.dropdown.button .download.icon {
+    color: #f5f5ff; }
+
+.repository .container .header {
+  background: #3c3c5a;
+  border: 0;
+  color: #f5f5ff; }
+
+.repository .container .table {
+  color: #f5f5ff;
+  border: 0;
+  background: #1e1e2d;
+  border-radius: 5px; }
+  .repository .container .table thead tr:hover {
+    background: transparent !important; }
+  .repository .container .table thead tr th {
+    background: #32324b;
+    color: #f5f5ff; }
+    .repository .container .table thead tr th .time-since {
+      color: #f5f5ff; }
+  .repository .container .table > thead > tr > th {
+    background: #32324b; }
+  .repository .container .table tbody tr {
+    background: #1e1e2d;
+    border: 0; }
+    .repository .container .table tbody tr:hover {
+      background-color: #28283c !important; }
+    .repository .container .table tbody tr .svg.octicon-file-directory, .repository .container .table tbody tr .svg.octicon-file-submodule {
+      fill: #ff8282; }
+    .repository .container .table tbody tr .svg.octicon-file {
+      fill: #d7d7e1; }
+    .repository .container .table tbody tr .jumpable-path {
+      color: #646496 !important; }
+  .repository .container .table .commit-list .sha.label {
+    background: #464669;
+    border: 0 !important;
+    color: #f5f5ff;
+    transition: background .2s, color .2s; }
+    .repository .container .table .commit-list .sha.label:hover {
+      background: #3c3c5a;
+      color: white; }
+
+.repository .container .non-diff-file-content {
+  color: #f5f5ff; }
+  .repository .container .non-diff-file-content .header {
+    background: #32324b;
+    color: #f5f5ff;
+    border: 0; }
+  .repository .container .non-diff-file-content .table {
+    color: #f5f5ff;
+    border: 0;
+    background: #1e1e2d; }
+
+/* repository: releases */
+.repository.release .container .header {
+  background: transparent; }
+
+.repository.release .container #release-list {
+  border-top: 1px solid #3c3c5a; }
+
+/* repository: activity */
+.repository.commits .container h2.header {
+  background: transparent; }
+  .repository.commits .container h2.header .filter .button {
+    background: #3c3c5a;
+    color: #f5f5ff; }
+    .repository.commits .container h2.header .filter .button:hover {
+      background: #32324b; }
+
+.repository.commits .container .segment.text {
+  background: #1e1e2d;
+  border: 0; }
+
+/* repository: commits */
+.repository.commits .secondary.menu {
+  margin-left: -15px; }
+  .repository.commits .secondary.menu .item .button {
+    background: #3c3c5a;
+    color: #f5f5ff; }
+    .repository.commits .secondary.menu .item .button:hover {
+      background: #32324b; }
+
+.repository.commits .header form .search.input input {
+  background: #28283c;
+  border: 0;
+  color: #f5f5ff; }
+  .repository.commits .header form .search.input input:focus {
+    background: #32324b;
+    color: white; }
+
+.repository.commits .header form .checkbox label {
+  color: #f5f5ff; }
+
+/* repository: branches */
+.repository.branches .container .table tbody tr:hover {
+  background: #1e1e2d; }
+
+.repository.branches .container .table tbody tr td .info {
+  color: #f5f5ff; }
+  .repository.branches .container .table tbody tr td .info .svg {
+    fill: #f5f5ff; }
+
+.repository.branches .container .table tbody tr td .dropdown.button .download.icon {
+  color: #f5f5ff; }
+
+/* repository: diff */
+.repository.diff .container .top.info {
+  background: #3c3c5a !important;
+  border: 0;
+  color: #f5f5ff; }
+  .repository.diff .container .top.info .button {
+    background: #505078;
+    box-shadow: none;
+    color: #f5f5ff; }
+    .repository.diff .container .top.info .button:hover {
+      background: #464669; }
+  .repository.diff .container .top.info .text.grey {
+    color: #d7d7e1 !important; }
+
+.repository.diff .container .info {
+  background: #32324b;
+  border: 0;
+  color: #f5f5ff; }
+  .repository.diff .container .info .text.grey .time-since {
+    color: #d7d7e1 !important; }
+  .repository.diff .container .info .sha.label {
+    background: #464669;
+    border: 0 !important;
+    color: #f5f5ff;
+    transition: background .2s, color .2s; }
+    .repository.diff .container .info .sha.label:hover {
+      background: #3c3c5a;
+      color: white; }
+
+.repository.diff .container .diff-detail-box {
+  background: #32324b;
+  color: #f5f5ff;
+  padding: 10px; }
+  .repository.diff .container .diff-detail-box .button {
+    background: #464669;
+    color: #f5f5ff; }
+    .repository.diff .container .diff-detail-box .button:hover {
+      background: #3c3c5a; }
+    .repository.diff .container .diff-detail-box .button .menu {
+      background: #32324b;
+      border: #3c3c5a; }
+      .repository.diff .container .diff-detail-box .button .menu .item {
+        color: #f5f5ff; }
+
+.repository.diff .container .diff-file-box .diff-file-header .diff-counter .bar {
+  background: #ff8282; }
+
+.repository.diff .container .diff-file-box .diff-file-header .file {
+  color: #f5f5ff; }
+
+.repository.diff .container .diff-file-box .diff-file-header .button {
+  background: #505078;
+  box-shadow: none;
+  color: #f5f5ff; }
+  .repository.diff .container .diff-file-box .diff-file-header .button:hover {
+    background: #464669; }
+
+.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .tag-code td {
+  background: #1e1e2d !important;
+  border-color: #3c3c5a !important;
+  color: white; }
+
+.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .same-code td {
+  background: #1e1e2d !important;
+  border-color: #3c3c5a !important;
+  color: white; }
+
+.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td {
+  background: #ff8282 !important;
+  border-color: #ff6464 !important;
+  color: white; }
+  .repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code {
+    background: #ff6464; }
+
+.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td {
+  background: #82dc96 !important;
+  border-color: #64dc78 !important;
+  color: white; }
+  .repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code {
+    background: #50c878; }
+
+/* explore: repositories / main */
+.explore .secondary.menu {
+  background-color: #464669 !important;
+  border-radius: 0; }
+  .explore .secondary.menu .item {
+    color: #d7d7e1; }
+    .explore .secondary.menu .item:hover {
+      color: white !important; }
+    .explore .secondary.menu .item.active {
+      color: #f5f5ff !important; }
+      .explore .secondary.menu .item.active:hover {
+        color: white; }
+    .explore .secondary.menu .item .label {
+      background: #3c3c5a; }
+
+.explore .container .filter.menu {
+  display: none; }
+
+.explore .container form.form .input input {
+  background: #28283c;
+  border: 2px solid #3c3c5a;
+  color: #f5f5ff; }
+  .explore .container form.form .input input:focus {
+    background: #32324b;
+    border: 2px solid #3c3c5a;
+    color: white; }
+
+.explore .container form.form .input .button {
+  background: #3c3c5a;
+  border: 0; }
+  .explore .container form.form .input .button:hover {
+    background: #32324b; }
+
+.explore .container .divider {
+  border-bottom: 1px solid #3c3c5a; }
+
+.explore .container .repository.list .item:not(:first-child) {
+  border-top: 1px solid #3c3c5a; }
+
+.explore .container .repository.list .item .header a.name i.archive.icon {
+  color: #d7d7e1 !important; }
+
+.explore .container .repository.list .item .header .metas span {
+  color: #d7d7e1 !important; }
+
+.explore .container .repository.list .item .description p {
+  color: #f5f5ff; }
+  .explore .container .repository.list .item .description p.time {
+    color: #d7d7e1; }
+
+.explore .container .repository.list .item .description .tags a .label {
+  background: #3c3c5a;
+  color: #f5f5ff; }
+  .explore .container .repository.list .item .description .tags a .label:hover {
+    background: #464669;
+    color: white; }
+
+/* explore: users */
+.explore.users .container .user.list .content .header {
+  color: #f5f5ff; }
+
+.explore.users .container .user.list .content .description {
+  color: #f5f5ff; }
+
+/* user profile: repositories / main */
+.user.profile .container .grid .card {
+  box-shadow: none;
+  background: #32324b;
+  color: #f5f5ff; }
+  .user.profile .container .grid .card .content .header {
+    color: #f5f5ff; }
+  .user.profile .container .grid .card .extra.content ul {
+    color: #f5f5ff; }
+    .user.profile .container .grid .card .extra.content ul li:not(:last-child) {
+      border-bottom: 1px solid #3c3c5a; }
+    .user.profile .container .grid .card .extra.content ul a {
+      color: white; }
+      .user.profile .container .grid .card .extra.content ul a:hover {
+        color: #ff8282; }
+
+.user.profile .container .grid .secondary.menu .item {
+  color: #d7d7e1; }
+  .user.profile .container .grid .secondary.menu .item:hover {
+    color: white; }
+  .user.profile .container .grid .secondary.menu .item.active {
+    color: #f5f5ff; }
+    .user.profile .container .grid .secondary.menu .item.active:hover {
+      color: white; }
+  .user.profile .container .grid .secondary.menu .item .label {
+    background: #3c3c5a; }
+
+.user.profile .container .grid .filter.menu {
+  display: none; }
+
+.user.profile .container .grid form.form .input input {
+  background: #28283c;
+  border: 2px solid #3c3c5a;
+  color: #f5f5ff; }
+  .user.profile .container .grid form.form .input input:focus {
+    background: #32324b;
+    border: 2px solid #3c3c5a;
+    color: white; }
+
+.user.profile .container .grid form.form .input .button {
+  background: #3c3c5a;
+  border: 0; }
+  .user.profile .container .grid form.form .input .button:hover {
+    background: #32324b; }
+
+.user.profile .container .grid .divider {
+  border-bottom: 1px solid #3c3c5a; }
+
+.user.profile .container .grid .repository.list .item:not(:first-child) {
+  border-top: 1px solid #3c3c5a; }
+
+.user.profile .container .grid .repository.list .item .header a.name i.archive.icon {
+  color: #d7d7e1 !important; }
+
+.user.profile .container .grid .repository.list .item .header .metas span {
+  color: #d7d7e1 !important; }
+
+.user.profile .container .grid .repository.list .item .description p {
+  color: #f5f5ff; }
+  .user.profile .container .grid .repository.list .item .description p.time {
+    color: #d7d7e1; }
+
+.user.profile .container .grid .repository.list .item .description .tags a .label {
+  background: #3c3c5a;
+  color: #f5f5ff; }
+  .user.profile .container .grid .repository.list .item .description .tags a .label:hover {
+    background: #464669;
+    color: white; }
+
+/* user profile: public activity */
+.user.profile .container .grid .feeds .news .content span {
+  color: #d7d7e1 !important; }
+
+.user.profile .container .grid .feeds .news p.grey span {
+  color: #d7d7e1; }
+
+.user.profile .container .grid .feeds .news .svg {
+  fill: #d7d7e1; }
+
+footer {
+  background: #1e1e2d;
+  border-top: 1px solid #28283c;
+  color: #c8c8e6; }
+  footer .ui.container {
+    display: flex;
+    align-items: center;
+    min-height: 64px;
+    width: 1127px !important; }
+    footer .ui.container .links {
+      margin-left: auto; }
+      footer .ui.container .links a {
+        color: #c8c8e6; }
+        footer .ui.container .links a:hover {
+          text-decoration: underline; }
+      footer .ui.container .links > * {
+        border-left-color: #c8c8e6; }
+      footer .ui.container .links a[href~="/api/swagger"],
+      footer .ui.container .links .version {
+        display: none; }
diff --git a/source/partials/repository.scss b/source/partials/repository.scss
index 7af1ca8..98b4b19 100644
--- a/source/partials/repository.scss
+++ b/source/partials/repository.scss
@@ -330,10 +330,125 @@
     .top.info {
       background: rgb(60, 60, 90) !important;
       border: 0;
+      color: rgb(245, 245, 255);
+      .button {
+        background: rgb(80, 80, 120);
+        box-shadow: none;
+        color: rgb(245, 245, 255);
+        &:hover {
+          background: rgb(70, 70, 105);
+        }
+      }
+      .text.grey {
+        color: rgb(215, 215, 225) !important;
+      }
     }
     .info {
       background: rgb(50, 50, 75);
       border: 0;
+      color: rgb(245, 245, 255);
+      .text.grey {
+        .time-since {
+          color: rgb(215, 215, 225) !important;
+        }
+      }
+      .sha.label {
+        background: rgb(70, 70, 105);
+        border: 0 !important;
+        color: rgb(245, 245, 255);
+        transition: background .2s, color .2s;
+        &:hover {
+          background: rgb(60, 60, 90);
+          color: rgb(255, 255, 255);
+        }
+      }
+    }
+    .diff-detail-box {
+      background: rgb(50, 50, 75);
+      color: rgb(245, 245, 255);
+      padding: 10px;
+      .button {
+        background: rgb(70, 70, 105);
+        color: rgb(245, 245, 255);
+        &:hover {
+          background: rgb(60, 60, 90);
+        }
+        .menu {
+          background: rgb(50, 50, 75);
+          border: rgb(60, 60, 90);
+          .item {
+            color: rgb(245, 245, 255);
+          }
+        }
+      }
+    }
+    .diff-file-box {
+      .diff-file-header {
+        .diff-counter {
+          .bar {
+            background: rgb(255, 130, 130);
+          }
+        }
+        .file {
+          color: rgb(245, 245, 255);
+        }
+        .button {
+          background: rgb(80, 80, 120);
+          box-shadow: none;
+          color: rgb(245, 245, 255);
+          &:hover {
+            background: rgb(70, 70, 105);
+          }
+        }
+      }
+      .diff-file-body {
+        .file-body {
+          table {
+            tbody {
+              .tag-code {
+                td {
+                  background: rgb(30, 30, 45) !important;
+                  border-color: rgb(60, 60, 90) !important;
+                  color: rgb(255, 255, 255);
+                }
+              }
+              .same-code {
+                td {
+                  background: rgb(30, 30, 45) !important;
+                  border-color: rgb(60, 60, 90) !important;
+                  color: rgb(255, 255, 255);
+                }
+              }
+              .del-code {
+                td {
+                  background: rgb(255, 130, 130) !important;
+                  border-color: rgb(255, 100, 100) !important;
+                  color: rgb(255, 255, 255);
+                  .removed-code {
+                    background: rgb(255, 100, 100);
+                  }
+                }
+              }
+              .add-code {
+                td {
+                  background: rgb(130, 220, 150) !important;
+                  border-color: rgb(100, 220, 120) !important;
+                  color: rgb(255, 255, 255);
+                  .added-code {
+                    background: rgb(80, 200, 120);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
     }
   }
 }
+
+/* repository: files */
+
+.repository.file {
+  
+}