]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/frio/scheme/dark.css
Merge pull request #12502 from annando/no-gs-import
[friendica.git] / view / theme / frio / scheme / dark.css
index e7574ff307f1007fd5650de89b9d990e053856a2..5f7690d9c9cd20780dac946adbdf6930a8b5c8f2 100644 (file)
@@ -17,6 +17,9 @@
        background-color: $nav_bg;
 }
 
+#topbar-first #nav-notifications-menu li.notification-unseen {
+       background-color: $nav_icon_hover_color;
+}
 
 #topbar-second {
        background-color: $nav_bg;
        border_color: $link_color;
 }
 
-.dropdown-menu, .account .dropdown-menu {
+.dropdown-menu,
+.account .dropdown-menu {
        background-color: $background_color;
 }
-.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
+.dropdown-menu > li > a:focus,
+.dropdown-menu > li > a:hover {
        color: $link_color;
 }
 .account .dropdown-menu li {
        border-color: $background_color;
 }
 
-.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
+.dropdown-menu > li > a:focus,
+.dropdown-menu > li > a:hover {
        background-image: none;
        background-color: rgba(232, 232, 232, $contentbg_transp);
 }
        -webkit-box-shadow: 0 0 3px #dadada;
 }
 
-input[type=text],
-input[type=submit],
-button[type=submit]:not(.btn),
+input[type="text"],
+input[type="submit"],
+button[type="submit"]:not(.btn),
 select,
 textarea,
 .form-control {
-       border: none;
+       border: 2px solid transparent;
        background-color: $nav_bg;
        color: $font_color;
        box-shadow: 0 0 3px #dadada;
        -webkit-box-shadow: 0 0 3px #dadada;
 }
+input[type="range"] {
+       box-shadow: none;
+}
+
 .form-control[disabled],
 .form-control[readonly],
 .ieldset[disabled] .form-control {
@@ -76,12 +86,17 @@ textarea,
        color: $font_color_darker;
 }
 
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li.active>a:hover,
-main .nav-tabs>li.active>a,
-main .nav-tabs>li.active>a:focus,
-main .nav-tabs>li.active>a:hover {
+.radio label::before,
+.checkbox label::before {
+       background-color: $background_color;
+}
+
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li.active > a:hover,
+main .nav-tabs > li.active > a,
+main .nav-tabs > li.active > a:focus,
+main .nav-tabs > li.active > a:hover {
        background-color: $nav_bg;
        color: $font_color_darker;
 }
@@ -106,8 +121,8 @@ main .nav-tabs>li.active>a:hover {
        color: $font_color;
 }
 
-.pagination>li>a:hover,
-.pagination>li>span:hover {
+.pagination > li > a:hover,
+.pagination > li > span:hover {
        background-color: $nav_bg;
 }
 
@@ -171,8 +186,8 @@ main .nav-tabs>li.active>a:hover {
        color: $font_color;
 }
 
-button[type=submit]:not(.btn),
-input[type=submit],
+button[type="submit"]:not(.btn),
+input[type="submit"],
 .btn.btn-primary {
        border: 1px solid $link_color;
 }
@@ -182,7 +197,7 @@ input[type=submit],
        color: $link_color;
 }
 
-.panel-default>.panel-heading {
+.panel-default > .panel-heading {
        background: none;
        background-color: $nav_bg;
        color: $font_color;
@@ -233,33 +248,24 @@ input[type=submit],
        color: #f2dede;
 }
 
-.wall-item-actions a,
-.wall-item-actions button {
-       color: $link_color;
-}
-
 @media (min-width: 768px) {
        .wall-item-container .wall-item-links,
-       .wall-item-container .wall-item-actions button,
-       .wall-item-container .body-attach > a {
+       .wall-item-container .wall-item-actions button > a {
                opacity: 0.3;
                -webkit-transition: all 0.25s ease-in-out;
                -moz-transition: all 0.25s ease-in-out;
                -o-transition: all 0.25s ease-in-out;
                -ms-transition: all 0.25s ease-in-out;
                transition: all 0.25s ease-in-out;
-               color: $font_color;
        }
        .wall-item-container:hover .wall-item-links,
-       .wall-item-container:hover .wall-item-actions button,
-       .wall-item-container:hover .body-attach > a {
+       .wall-item-container:hover .wall-item-actions button > a {
                opacity: 1;
                -webkit-transition: all 0.25s ease-in-out;
                -moz-transition: all 0.25s ease-in-out;
                -o-transition: all 0.25s ease-in-out;
                -ms-transition: all 0.25s ease-in-out;
                transition: all 0.25s ease-in-out;
-               color: $link_color;
        }
        .wall-item-container .wall-item-body .body-attach > a:hover {
                opacity: 1;
@@ -299,26 +305,52 @@ input[type=submit],
        color: inherit;
 }
 
-
 code {
        color: $font_color;
-       background-color: rgba(255, 255, 255, .2);
+       background-color: rgba(255, 255, 255, 0.2);
 }
 pre {
        color: $font_color_darker;
-       background-color: rgba(255, 255, 255, .05);
+       background-color: rgba(255, 255, 255, 0.05);
 }
 
 legend {
        color: $font_color;
 }
 
-.table-striped>tbody>tr:nth-of-type(odd),
+.table-striped > tbody > tr:nth-of-type(odd),
 .table-hover > tbody > tr:hover,
 .adminpage .table-hover > tbody > tr:hover + tr.details {
        background-color: $nav_bg;
 }
 
-input[type=text].tt-input {
+input[type="text"].tt-input {
        box-shadow: none;
 }
+
+#back-to-top {
+       border: 1px solid $nav_icon_color;
+}
+
+.acpopup {
+       background-color: $nav_bg;
+       box-shadow: 0px 6px 12px rgba(218, 218, 218, .18);
+       -webkit-box-shadow: 0px 6px 12px rgba(218, 218, 218, .18);
+}
+
+.textcomplete-item > a {
+       color: $nav_icon_color !important;
+}
+
+.textcomplete-item.active > a {
+       background-color: $nav_icon_hover_color !important;
+}
+
+#preview_profile-jot-text, .comment-edit-form .preview {
+       background-color: $nav_bg;
+       border-width: 1px;
+}
+
+textarea#profile-jot-text:focus + #preview_profile-jot-text, textarea.comment-edit-text:focus + .comment-edit-form .preview {
+       border-color: $link_color;
+}