From 11050e6d2a816aa7dc64b475baceb6cef58807dc Mon Sep 17 00:00:00 2001
From: Vrifox <gitea@vrifox.cc>
Date: Wed, 14 Oct 2020 20:32:15 +0200
Subject: [PATCH] targets #3

---
 scss/backend.scss           |   1 +
 scss/frontend.scss          |   1 +
 scss/import/repository.scss | 166 ++++++++++++++++++++++++++++++++++++
 3 files changed, 168 insertions(+)

diff --git a/scss/backend.scss b/scss/backend.scss
index 578f866..a8a68e2 100644
--- a/scss/backend.scss
+++ b/scss/backend.scss
@@ -12,6 +12,7 @@ $singleuser: false; // disables functions, that are not necessary if you are the
 $nojavascript: false; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy)
 $vrifoxcustomization: true; // my personal customizations
 $disablelanguagebutton: false; // if cookies are disabled, the language will have to be chosen on every page again
+$nologin: false;
 
 $font-family: 'Lucida Console', monospace;
 $border-radius: 5px;
diff --git a/scss/frontend.scss b/scss/frontend.scss
index 3fd22a5..eca4220 100644
--- a/scss/frontend.scss
+++ b/scss/frontend.scss
@@ -12,6 +12,7 @@ $singleuser: true; // disables functions, that are not necessary if you are the
 $nojavascript: true; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy)
 $vrifoxcustomization: true; // my personal customizations
 $disablelanguagebutton: true; // if cookies are disabled, the language will have to be chosen on every page again
+$nologin: true;
 
 $font-family: 'Lucida Console', monospace;
 $border-radius: 5px;
diff --git a/scss/import/repository.scss b/scss/import/repository.scss
index adebfca..3092ad0 100644
--- a/scss/import/repository.scss
+++ b/scss/import/repository.scss
@@ -589,6 +589,9 @@
             .timeline {
               &::before {
                 background: rgb(60, 60, 90);
+                @if $nologin == true {
+                  margin-bottom: 40px;
+                }
               }
               .timeline-item {
                 .content {
@@ -633,6 +636,169 @@
                     }
                   }
                 }
+                &.comment.form {
+                  .content {
+                    form.form {
+                      &::after {
+                      border-right-color: rgb(50, 50, 75);
+                      }
+                      &::before {
+                        border-right-color: transparent;
+                      }
+                      .tabular.menu {
+                        border-color: rgb(60, 60, 90);
+                        .item {
+                          border: 0;
+                          color: rgb(255, 255, 255);
+                          &.active {
+                            background: rgb(70, 70, 105);
+                            color: rgb(255, 255, 255);
+                          }
+                        }
+                      }
+                      .field { // Editor
+                        .tab.active {
+                          textarea.edit_area {
+                            background: rgb(40, 40, 60);
+                            color: rgb(255, 255, 255);
+                          }
+                          .editor-toolbar {
+                            border: 0;
+                            a {
+                              &::after, 
+                              &::before {
+                                color: rgb(255, 255, 255);
+                              }
+                              &:hover {
+                                background: rgb(70, 70, 105);
+                                border-color: transparent;
+                              }
+                            }
+                            i.separator {
+                              border-color: rgb(70, 70, 105);
+                            }
+                          }
+                          .CodeMirror {
+                            background: rgb(40, 40, 60);
+                            border: 0;
+                            color: rgb(255, 255, 255);
+                          }
+                          .editor-statusbar {
+                            color: rgb(215, 215, 225);
+                          }
+                        }
+                      }
+                      .field { // "Drop files or click here to upload"
+                        .dropzone {
+                          background: rgb(40, 40, 60);
+                          border-color: rgb(255, 130, 130);
+                          .dz-default, 
+                          .dz-message {
+                            .dz-button {
+                              color: rgb(255, 255, 255);
+                            }
+                          }
+                          .dz-preview {
+                            background: rgb(50, 50, 75);
+                            border-radius: 4px;
+                            .dz-image {
+                              img {
+                                transition: filter .2s;
+                              }
+                            }
+                            .dz-details {
+                              color: rgb(255, 255, 255);
+                              .dz-size {
+                                span {
+                                  background: rgb(70, 70, 105);
+                                  padding: 4px 8px;
+                                  border-radius: 8px;
+                                }
+                              }
+                              .dz-filename {
+                                border-radius: 4px;
+                                padding: 4px 8px;
+                                span {
+                                  background: rgb(70, 70, 105);
+                                  border: 0;
+                                  border-radius: 8px;
+                                  padding: 4px 8px;
+                                  &:hover {
+                                    background: rgb(60, 60, 90);
+                                  }
+                                }
+                              }
+                            }
+                            .dz-progress {
+                              .dz-upload {
+                                background: rgb(40, 40, 60);
+                              }
+                            }
+                            .dz-success-mark {
+                              svg {
+                                g {
+                                  path {
+                                    fill: rgb(100, 200, 130);
+                                  }
+                                }
+                              }
+                            }
+                            .dz-error-mark {
+                              svg {
+                                g {
+                                  g {
+                                    path {
+                                      fill: rgb(100, 200, 130);
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                            .dz-remove {
+                              background: rgb(60, 60, 90);
+                              padding: 8px 0 4px 0;
+                              transition: background .2s;
+                              &:hover {
+                                background: rgb(255, 130, 130);
+                                color: rgb(255, 255, 255);
+                                text-decoration: none;
+                              }
+                            }
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+              .warning.message {
+                @if $nologin == true {
+                  display: none;
+                }
+              }
+            }
+          }
+          & {
+            .metas {
+              background: rgb(50, 50, 75);
+              .disabled {
+                &.select-label,
+                &.select-milestone, 
+                &.select-assignees-modify {
+                  opacity: 1;
+                }
+              }
+              .watching {
+                @if $nologin == true {
+                  display: none;
+                }
+              }
+              #deadline-loader {
+                .negative.message {
+                  @if $nojavascript == true {
+                    display: none;
+                  }
+                }
               }
             }
           }