commit b1be8c9443187cdc69edfe086bd81e2e7325b335
Author: Vrifox <gitea@vrifox.cc>
Date:   Sun Sep 27 21:09:15 2020 +0200

    initial commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..5f75873
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+deploy.sh
diff --git a/public/css/theme-vrifox.cc-gitea-2020.css b/public/css/theme-vrifox.cc-gitea-2020.css
new file mode 100644
index 0000000..7a5708c
--- /dev/null
+++ b/public/css/theme-vrifox.cc-gitea-2020.css
@@ -0,0 +1,428 @@
+/* ------------------------------------------------ */
+/* 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; }
+
+.repository.diff .container .info {
+  background: #32324b;
+  border: 0; }
+
+/* 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/public/img/LICENSE b/public/img/LICENSE
new file mode 100644
index 0000000..a9b9c5f
--- /dev/null
+++ b/public/img/LICENSE
@@ -0,0 +1,20 @@
+Copyright (c) 2016 The Gitea Authors
+Copyright (c) 2015 The Gogs Authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. 
diff --git a/public/img/apple-touch-icon.png b/public/img/apple-touch-icon.png
new file mode 100644
index 0000000..48533ef
Binary files /dev/null and b/public/img/apple-touch-icon.png differ
diff --git a/public/img/favicon.ico b/public/img/favicon.ico
new file mode 100644
index 0000000..585f475
Binary files /dev/null and b/public/img/favicon.ico differ
diff --git a/public/img/favicon.png b/public/img/favicon.png
new file mode 100644
index 0000000..48533ef
Binary files /dev/null and b/public/img/favicon.png differ
diff --git a/public/img/favicon.svg b/public/img/favicon.svg
new file mode 100644
index 0000000..c269eb7
--- /dev/null
+++ b/public/img/favicon.svg
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 135.467 135.467"
+   width="32"
+   height="32"
+   version="1.1"
+   id="svg22"
+   sodipodi:docname="favicon.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata28">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs26" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     id="namedview24"
+     showgrid="false"
+     inkscape:zoom="22.627417"
+     inkscape:cx="13.213038"
+     inkscape:cy="15.744245"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg22" />
+  <path
+     d="M27.71 33.618c-9.547-.028-22.34 6.798-21.632 23.904C7.184 84.25 31.535 86.73 41.27 86.945c1.068 5.013 12.522 22.305 21.002 23.216h37.152c22.278-1.668 38.961-75.756 26.594-76.038-46.782 2.477-49.996 2.138-88.6 0-2.495-.027-5.972-.495-9.708-.505zm2.491 9.458C31.553 56.77 33.757 64.78 38.22 77.02c-11.382-1.505-21.07-5.225-22.851-19.11-.951-7.411 2.39-15.168 14.833-14.834z"
+     fill="#609926"
+     stroke="#428f29"
+     id="path2"
+     style="fill:#ff8282;fill-opacity:1;stroke:#ff7878;stroke-opacity:1" />
+  <g
+     fill="#fff"
+     id="g8">
+    <rect
+       width="34.762"
+       height="34.762"
+       x="87.509"
+       y="18.292"
+       transform="rotate(25.915)"
+       ry="5.483"
+       id="rect4" />
+    <path
+       d="M79.805 57.36l3.241 1.609V35.256h-3.263z"
+       id="path6" />
+  </g>
+  <g
+     class="detail-remove"
+     id="g20"
+     style="opacity:1;stroke:#ff8282;stroke-opacity:1">
+    <circle
+       transform="rotate(-19.796)"
+       r="3.475"
+       cy="90.078"
+       cx="49.065"
+       fill="#609926"
+       id="circle10"
+       style="stroke:#ff8282;stroke-opacity:1;fill:#ff8282;fill-opacity:1" />
+    <circle
+       transform="rotate(-19.796)"
+       r="3.475"
+       cy="102.105"
+       cx="36.81"
+       fill="#609926"
+       id="circle12"
+       style="stroke:#ff8282;stroke-opacity:1;fill:#ff8282;fill-opacity:1" />
+    <circle
+       transform="rotate(-19.796)"
+       r="3.475"
+       cy="111.439"
+       cx="46.484"
+       fill="#609926"
+       id="circle14"
+       style="stroke:#ff8282;stroke-opacity:1;fill:#ff8282;fill-opacity:1" />
+    <path
+       fill="#609926"
+       d="M79.54 58.936l2.402 1.172L69.98 84.605l-2.402-1.172z"
+       id="path16"
+       style="stroke:#ff8282;stroke-opacity:1;fill:#ff8282;fill-opacity:1" />
+    <path
+       d="M76.558 68.116c12.976 6.396 13.013 4.102 4.891 20.908"
+       fill="none"
+       stroke="#609926"
+       stroke-width="2.68"
+       id="path18"
+       style="stroke:#ff8282;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/public/img/gitea-192.png b/public/img/gitea-192.png
new file mode 100644
index 0000000..58eab9b
Binary files /dev/null and b/public/img/gitea-192.png differ
diff --git a/public/img/gitea-512.png b/public/img/gitea-512.png
new file mode 100644
index 0000000..dcab4fa
Binary files /dev/null and b/public/img/gitea-512.png differ
diff --git a/public/img/gitea-lg.png b/public/img/gitea-lg.png
new file mode 100644
index 0000000..c36a415
Binary files /dev/null and b/public/img/gitea-lg.png differ
diff --git a/public/img/gitea-sm.png b/public/img/gitea-sm.png
new file mode 100644
index 0000000..8becf7e
Binary files /dev/null and b/public/img/gitea-sm.png differ
diff --git a/source/gitea-theme-git.vrifox.cc.scss b/source/gitea-theme-git.vrifox.cc.scss
new file mode 100644
index 0000000..466ef9c
--- /dev/null
+++ b/source/gitea-theme-git.vrifox.cc.scss
@@ -0,0 +1,17 @@
+/* ------------------------------------------------ */
+/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */
+/* ------------------------------------------------ */
+
+@import 'partials/main';
+
+@import 'partials/nav';
+
+
+@import 'partials/repository.scss';
+
+@import 'partials/explore.scss';
+
+@import 'partials/user-profile.scss';
+
+
+@import 'partials/footer';
diff --git a/source/partials/_footer.scss b/source/partials/_footer.scss
new file mode 100644
index 0000000..73a2466
--- /dev/null
+++ b/source/partials/_footer.scss
@@ -0,0 +1,27 @@
+footer {
+  background: rgb(30, 30, 45);
+  border-top: 1px solid rgb(40, 40, 60);
+  color: rgb(200, 200, 230);
+  .ui.container {
+    display: flex;
+    align-items: center;
+    min-height: 64px;
+    width: 1127px !important;
+    .links {
+      margin-left: auto;
+      a {
+        color: rgb(200, 200, 230);
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+      > * {
+        border-left-color: rgb(200, 200, 230);
+      }
+      a[href~="/api/swagger"], 
+      .version {
+        display:none;
+      }
+    }
+  }
+}
diff --git a/source/partials/_main.scss b/source/partials/_main.scss
new file mode 100644
index 0000000..df88ccb
--- /dev/null
+++ b/source/partials/_main.scss
@@ -0,0 +1,20 @@
+* {
+  scrollbar-width: thin;
+  scrollbar-color: rgb(255, 130, 130) rgb(60, 60, 90);
+  &::selection {
+    background: rgb(245, 245, 255);
+  }
+}
+
+
+body {
+  background: rgb(40, 40, 60);
+  color: rgb(245, 245, 255);
+}
+a {
+  color: rgb(255, 255, 255);
+  transition: color 0.2s;
+  &:hover {
+    color: rgb(255, 130, 130);
+  }
+}
diff --git a/source/partials/_nav.scss b/source/partials/_nav.scss
new file mode 100644
index 0000000..5604e3e
--- /dev/null
+++ b/source/partials/_nav.scss
@@ -0,0 +1,48 @@
+.ui.main.menu {
+  background: rgb(60, 60, 90);
+  border-bottom: 0;
+  min-height: 64px;
+  #navbar {
+    width: 1127px ;
+    .item {
+      color: rgb(215, 215, 225);
+      &.brand {
+        margin: 0 .5rem 0 0;
+        .mini.image {
+          transition: opacity .2s;
+          &:hover {
+            opacity: .9;
+          }
+        }
+      }
+      &:not(.brand) {
+        display: block;
+        padding: 24px;
+        border-radius: 0;
+        margin: 0px 0px;
+        transition: background .2s, color .2s;
+        &:hover {
+          background: rgb(50, 50, 75);
+          color: rgb(255, 255, 255);
+        }
+        &.active {
+          color: rgb(245, 245, 255);
+          background: rgb(50, 50, 75);
+        }
+      }
+    }
+  }
+  .dropdown.item > .menu {
+    margin-top: 0;
+  }
+  .dropdown.item > .menu, 
+  &.text.menu .dropdown.item > .menu {
+    border: 0;
+  }
+  .dropdown.item:hover, 
+  .link.item:hover, 
+  .active.item:hover, 
+  a.item:hover {
+    color: #ffffff;
+  }
+}
diff --git a/source/partials/explore.scss b/source/partials/explore.scss
new file mode 100644
index 0000000..9465a55
--- /dev/null
+++ b/source/partials/explore.scss
@@ -0,0 +1,107 @@
+
+/* explore: repositories / main */
+
+.explore {
+  .secondary.menu {
+    background-color: rgb(70, 70, 105) !important;
+    border-radius: 0;
+    .item {
+      color: rgb(215, 215, 225);
+      &:hover {
+        color: rgb(255, 255, 255) !important;
+      }
+      &.active {
+        color: rgb(245, 245, 255) !important;
+        &:hover {
+          color: rgb(255, 255, 255);
+        }
+      }
+      .label {
+        background: rgb(60, 60, 90);
+      }
+    }
+  }
+  .container {
+    .filter.menu {
+      display: none;
+    }
+    form.form {
+      .input {
+        input {
+          background: rgb(40, 40, 60);
+          border: 2px solid rgb(60, 60, 90);
+          color: rgb(245, 245, 255);
+          &:focus {
+            background: rgb(50, 50, 75);
+            border: 2px solid rgb(60, 60, 90);
+            color: rgb(255, 255, 255);
+          }
+        }
+        .button {
+          background: rgb(60, 60, 90);
+          border: 0;
+          &:hover {
+            background: rgb(50, 50, 75);
+          }
+        }
+      }
+    }
+    .divider {
+      border-bottom: 1px solid rgb(60, 60, 90);
+    }
+    .repository.list {
+      .item {
+        &:not(:first-child) {
+          border-top: 1px solid rgb(60, 60, 90);
+        }
+        .header {
+          a.name {
+            i.archive.icon {
+              color: rgb(215, 215, 225) !important;
+            }
+          }
+          .metas {
+            span {
+              color: rgb(215, 215, 225) !important;
+            }
+          }
+        }
+        .description {
+          p {
+            color: rgb(245, 245, 255);
+            &.time {
+              color: rgb(215, 215, 225);
+            }
+          }
+          .tags {
+            a .label {
+              background: rgb(60, 60, 90);
+              color: rgb(245, 245, 255);
+              &:hover {
+                background: rgb(70, 70, 105);
+                color: rgb(255, 255, 255);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+/* explore: users */
+
+.explore.users {
+  .container {
+    .user.list {
+      .content {
+        .header {
+          color: rgb(245, 245, 255);
+        }
+        .description {
+          color: rgb(245, 245, 255);
+        }
+      }
+    }
+  }
+}
diff --git a/source/partials/repository.scss b/source/partials/repository.scss
new file mode 100644
index 0000000..7af1ca8
--- /dev/null
+++ b/source/partials/repository.scss
@@ -0,0 +1,339 @@
+
+/* repository: code / main */
+
+.repository {
+  .header-wrapper {
+    background-color: rgb(70, 70, 105);
+    .repo-header {
+      .repo-title {
+        a {
+          color: rgb(245, 245, 255);
+        }
+        .divider {
+          color: rgb(215, 215, 225);
+        }
+      }
+      .repo-buttons {
+        .button {
+          color: rgb(215, 215, 225);
+          background: rgb(60, 60, 90);
+          &:hover {
+            color: rgb(255, 255, 255);
+          }
+        }
+        .label {
+          background: rgb(90, 90, 135);
+          color: rgb(215, 215, 225);
+          &:hover {
+            color: rgb(255, 255, 255);
+          }
+        }
+      }
+    }
+    .tabs {
+      .item {
+        color: rgb(215, 215, 225);
+        transition: color .2s;
+        &:hover {
+          color: rgb(255, 255, 255);
+        }
+        &.active {
+          background: rgb(60, 60, 90);
+          border: 0;
+          color: rgb(245, 245, 255);
+          span.label {
+            background: rgb(50, 50, 75);
+          }
+        }
+        span.label {
+          background: rgb(60, 60, 90);
+        }
+      }
+    }
+  }
+  .container {
+    .repo-description {
+      color: rgb(245, 245, 255);
+      a {
+        color: rgb(215, 215, 225);
+        &:hover {
+          color: rgb(255, 130, 130);
+        }
+      }
+    }
+    #repo-topics {
+      .repo-topic.label {
+        background: rgb(60, 60, 90);
+        color: rgb(245, 245, 255);
+        &:hover {
+          background: rgb(70, 70, 105);
+          color: rgb(255, 255, 255);
+        }
+      }
+    }
+    .repo-topic-edit {
+      display: none !important;
+      &.success, 
+      &.error {
+        display: flex !important;
+      }
+    }
+    .repository-summary {
+      border: 0;
+      .repository-menu {
+        background: rgb(50, 50, 75);
+        .item {
+          a {
+            color: rgb(245, 245, 255) !important;
+            &:hover {
+              color: rgb(255, 255, 255) !important;
+            }
+          }
+        }
+      }
+      .language-stats-details {
+        display: block !important;
+      }
+    }
+    .secondary.menu {
+      .item {
+        #clone-panel {
+          #repo-clone-https, 
+          #repo-clone-ssh {
+            color: rgb(245, 245, 255);
+            box-shadow: none !important;
+            &:not(.blue) {
+              background: rgb(60, 60, 90);
+              &:hover {
+                background: rgb(50, 50, 75);
+              }
+            }
+            &.blue {
+              box-shadow: inset 0 0 0 1px rgb(255, 130, 130) !important;
+              color: rgb(255, 130, 130) !important;
+            }
+          }
+          input#repo-clone-url {
+            background: rgb(40, 40, 60);
+            border: 2px solid rgb(60, 60, 90);
+            color: rgb(245, 245, 255);
+            &:focus {
+              background: rgb(50, 50, 75);
+              border: 2px solid rgb(60, 60, 90);
+              color: rgb(255, 255, 255);
+            }
+          }
+        }
+        #clipboard-btn {
+          background: rgb(60, 60, 90);
+          &:hover {
+            background: rgb(50, 50, 75);
+          }
+          .svg {
+            fill: rgb(245, 245, 245);
+          }
+        }
+        div.dropdown.button {
+          background: rgb(60, 60, 90);
+          &:hover {
+            background: rgb(50, 50, 75);
+          }
+          .download.icon {
+            color: rgb(245, 245, 255);
+          }
+        }
+      }
+    }
+    .header { 
+      background: rgb(60, 60, 90);
+      border: 0;
+      color: rgb(245, 245, 255);
+    }
+    .table {
+      color: rgb(245, 245, 255);
+      border: 0;
+      background: rgb(30, 30, 45);
+      border-radius: 5px;
+      thead {
+        tr {
+          &:hover {
+            background: transparent !important;
+          }
+          th {
+            background: rgb(50, 50, 75);
+            color: rgb(245, 245, 255);
+            .time-since {
+              color: rgb(245, 245, 255);
+            }
+          }
+        }
+      }
+      > thead > tr > th {
+        background: rgb(50, 50, 75);
+      }
+      tbody {
+        tr {
+          background: rgb(30, 30, 45);
+          border: 0;
+          &:hover {
+            background-color: rgb(40, 40, 60) !important;
+          }
+          .svg {
+            &.octicon-file-directory, 
+            &.octicon-file-submodule {
+              fill: rgb(255, 130, 130);
+            }
+            &.octicon-file {
+              fill: rgb(215, 215, 225);
+            }
+          }
+          .jumpable-path {
+            color: rgb(100, 100, 150) !important;
+          }
+        }
+      }
+      .commit-list {
+        .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);
+          }
+        }
+      }
+    }
+    .non-diff-file-content {
+      color: rgb(245, 245, 255);
+      .header {
+        background: rgb(50, 50, 75);
+        color: rgb(245, 245, 255);
+        border: 0;
+      }
+      .table {
+        color: rgb(245, 245, 255);
+        border: 0;
+        background: rgb(30, 30, 45);
+      }
+    }
+  }
+}
+
+/* repository: releases */
+
+.repository.release {
+  .container {
+    .header {
+      background: transparent;
+    }
+    #release-list {
+      border-top: 1px solid rgb(60, 60, 90);
+    }
+  }
+}
+
+/* repository: activity */
+
+.repository.commits {
+  .container {
+    h2.header {
+      background: transparent;
+      .filter {
+        .button {
+          background: rgb(60, 60, 90);
+          color: rgb(245, 245, 255);
+          &:hover {
+            background: rgb(50, 50, 75);
+          }
+        }
+      }
+    }
+    .segment.text {
+      background: rgb(30, 30, 45);
+      border: 0;
+    }
+  }
+}
+
+/* repository: commits */
+
+.repository.commits {
+  .secondary.menu {
+    margin-left: -15px;
+    .item {
+      .button {
+        background: rgb(60, 60, 90);
+        color: rgb(245, 245, 255);
+        &:hover {
+          background: rgb(50, 50, 75);
+        }
+      }
+    }
+  }
+  .header {
+    form {
+      .search.input {
+        input {
+          background: rgb(40, 40, 60);
+          border: 0;
+          color: rgb(245, 245, 255);
+          &:focus {
+            background: rgb(50, 50, 75);
+            color: rgb(255, 255, 255);
+          }
+        }
+      }
+      .checkbox {
+        label {
+          color: rgb(245, 245, 255);
+        }
+      }
+    }
+  }
+}
+
+/* repository: branches */
+
+.repository.branches {
+  .container {
+    .table {
+      tbody {
+        tr {
+          &:hover {
+            background: rgb(30, 30, 45);
+          }
+          td {
+            .info {
+              color: rgb(245, 245, 255);
+              .svg {
+                fill: rgb(245, 245, 255);
+              }
+            }
+            .dropdown.button {
+              .download.icon {
+                color: rgb(245, 245, 255);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+/* repository: diff */
+
+.repository.diff {
+  .container {
+    .top.info {
+      background: rgb(60, 60, 90) !important;
+      border: 0;
+    }
+    .info {
+      background: rgb(50, 50, 75);
+      border: 0;
+    }
+  }
+}
diff --git a/source/partials/user-profile.scss b/source/partials/user-profile.scss
new file mode 100644
index 0000000..0306035
--- /dev/null
+++ b/source/partials/user-profile.scss
@@ -0,0 +1,140 @@
+
+/* user profile: repositories / main */
+
+.user.profile {
+  .container {
+    .grid {
+      .card {
+        box-shadow: none;
+        background: rgb(50, 50, 75);
+        color: rgb(245, 245, 255);
+        .content {
+          .header {
+            color: rgb(245, 245, 255);
+          }
+        }
+        .extra.content {
+          ul {
+            color: rgb(245, 245, 255);
+            li:not(:last-child) {
+              border-bottom: 1px solid rgb(60, 60, 90);
+            }
+            a {
+              color: rgb(255, 255, 255);
+              &:hover {
+                color: rgb(255, 130, 130);
+              }
+            }
+          }
+        }
+      }
+      .secondary.menu {
+        .item {
+          color: rgb(215, 215, 225);
+          &:hover {
+            color: rgb(255, 255, 255);
+          }
+          &.active {
+            color: rgb(245, 245, 255);
+            &:hover {
+              color: rgb(255, 255, 255);
+            }
+          }
+          .label {
+            background: rgb(60, 60, 90);
+          }
+        }
+      }
+      .filter.menu {
+        display: none;
+      }
+      form.form {
+        .input {
+          input {
+            background: rgb(40, 40, 60);
+            border: 2px solid rgb(60, 60, 90);
+            color: rgb(245, 245, 255);
+            &:focus {
+              background: rgb(50, 50, 75);
+              border: 2px solid rgb(60, 60, 90);
+              color: rgb(255, 255, 255);
+            }
+          }
+          .button {
+            background: rgb(60, 60, 90);
+            border: 0;
+            &:hover {
+              background: rgb(50, 50, 75);
+            }
+          }
+        }
+      }
+      .divider {
+        border-bottom: 1px solid rgb(60, 60, 90);
+      }
+      .repository.list {
+        .item {
+          &:not(:first-child) {
+            border-top: 1px solid rgb(60, 60, 90);
+          }
+          .header {
+            a.name {
+              i.archive.icon {
+                color: rgb(215, 215, 225) !important;
+              }
+            }
+            .metas {
+              span {
+                color: rgb(215, 215, 225) !important;
+              }
+            }
+          }
+          .description {
+            p {
+              color: rgb(245, 245, 255);
+              &.time {
+                color: rgb(215, 215, 225);
+              }
+            }
+            .tags {
+              a .label {
+                background: rgb(60, 60, 90);
+                color: rgb(245, 245, 255);
+                &:hover {
+                  background: rgb(70, 70, 105);
+                  color: rgb(255, 255, 255);
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+/* user profile: public activity */
+
+.user.profile {
+  .container {
+    .grid {
+      .feeds {
+        .news {
+          .content {
+            span {
+              color: rgb(215, 215, 225) !important;
+            }
+          }
+          p.grey {
+            span {
+              color: rgb(215, 215, 225);
+            }
+          }
+          .svg {
+            fill: rgb(215, 215, 225);
+          }
+        }
+      }
+    }
+  }
+}