mirror of
https://github.com/astuto/astuto.git
synced 2025-12-16 03:37:56 +01:00
Remove dark mode (for now ;)
This commit is contained in:
@@ -154,7 +154,7 @@ class NewPost extends React.Component<Props, State> {
|
|||||||
{ showForm ? 'Cancel' : 'Submit feedback' }
|
{ showForm ? 'Cancel' : 'Submit feedback' }
|
||||||
</Button>
|
</Button>
|
||||||
:
|
:
|
||||||
<a href="/users/sign_in" className="btn">
|
<a href="/users/sign_in" className="btn btn-dark">
|
||||||
Log in / Sign up
|
Log in / Sign up
|
||||||
</a>
|
</a>
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -118,10 +118,4 @@
|
|||||||
@extend .mr-2;
|
@extend .mr-2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.postTitle {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -86,10 +86,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.commentList .comment .commentFooter .commentLink {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -28,24 +28,4 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.likeButtonContainer {
|
|
||||||
.likeButton {
|
|
||||||
border-bottom-color: white;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-bottom-color: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.likeButton.liked {
|
|
||||||
border-bottom-color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.likesCountLabel {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -118,23 +118,4 @@
|
|||||||
color: $astuto-black;
|
color: $astuto-black;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.postDescription {
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badgeLight {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.postAndCommentsContainer .postSettings .selectPicker {
|
|
||||||
background-color: #282828 !important;
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.postAndCommentsContainer .postHeader a {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -133,21 +133,4 @@ a {
|
|||||||
@extend .badge-light;
|
@extend .badge-light;
|
||||||
|
|
||||||
background-color: $astuto-grey;
|
background-color: $astuto-grey;
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.card {
|
|
||||||
color: white;
|
|
||||||
background-color: $astuto-black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-primary {
|
|
||||||
background-color: #00bc8c;
|
|
||||||
border-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-danger {
|
|
||||||
background-color: #E74C3C;
|
|
||||||
border-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -39,23 +39,4 @@
|
|||||||
.switch {
|
.switch {
|
||||||
@extend
|
@extend
|
||||||
.custom-control-input;
|
.custom-control-input;
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.deviseLinks {
|
|
||||||
a { color: white; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control, .form-control:focus {
|
|
||||||
color: white;
|
|
||||||
background-color: $astuto-grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control {
|
|
||||||
border-color: grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control:focus {
|
|
||||||
border-color: white;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -63,74 +63,4 @@
|
|||||||
.dropdown-item:active {
|
.dropdown-item:active {
|
||||||
background-color: $astuto-black;
|
background-color: $astuto-black;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.navbar {
|
|
||||||
background-color: $astuto-black;
|
|
||||||
|
|
||||||
.fullname {
|
|
||||||
color: $navbar-dark-brand-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
color: $navbar-dark-brand-color;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $navbar-dark-brand-hover-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
background-color: #363636;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-item {
|
|
||||||
color: white;
|
|
||||||
&:hover {
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-nav {
|
|
||||||
.nav-link {
|
|
||||||
color: $navbar-dark-color;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $navbar-dark-hover-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled {
|
|
||||||
color: $navbar-dark-disabled-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.show > .nav-link,
|
|
||||||
.active > .nav-link,
|
|
||||||
.nav-link.show,
|
|
||||||
.nav-link.active {
|
|
||||||
color: $navbar-dark-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggler {
|
|
||||||
color: $navbar-dark-color;
|
|
||||||
border-color: $navbar-dark-toggler-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggler-icon {
|
|
||||||
background-image: $navbar-dark-toggler-icon-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-text {
|
|
||||||
color: $navbar-dark-color;
|
|
||||||
a {
|
|
||||||
color: $navbar-dark-active-color;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $navbar-dark-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -34,24 +34,4 @@
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #343a40;
|
background-color: #343a40;
|
||||||
border-color: #343a40;
|
border-color: #343a40;
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
html, body {
|
|
||||||
background-color: #242424;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container, h2 {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loginInfo {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
color: #212529;
|
|
||||||
background-color: #f8f9fa;
|
|
||||||
border-color: #f8f9fa;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -9,7 +9,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
<%= f.submit "Resend confirmation instructions", class: "btn btn-block" %>
|
<%= f.submit "Resend confirmation instructions", class: "btn btn-dark btn-block" %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
<%= f.submit "Change my password", class: "btn btn-primary" %>
|
<%= f.submit "Change my password", class: "btn btn-dark btn-primary" %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
<%= f.submit "Send me reset password instructions", class: "btn btn-block" %>
|
<%= f.submit "Send me reset password instructions", class: "btn btn-dark btn-block" %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
|||||||
@@ -55,7 +55,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
<%= f.submit "Update profile", class: "btn btn-block" %>
|
<%= f.submit "Update profile", class: "btn btn-dark btn-block" %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
<%= f.submit "Sign up", class: "btn btn-block" %>
|
<%= f.submit "Sign up", class: "btn btn-dark btn-block" %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
<%= f.submit "Log in", class: "btn btn-block" %>
|
<%= f.submit "Log in", class: "btn btn-dark btn-block" %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
<%= f.submit "Resend unlock instructions" %>
|
<%= f.submit "Resend unlock instructions", class: "btn btn-dark btn-block" %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user