view/theme/frio/scheme/dark.css

   1 /*
   2     Licence    : AGPL
   3     Created on : 11.08.2020
   4     Author     : Hypolite Petovan <hypolite@friendica.mrpetovan.com>
   5 */
   6 #topbar-first {
   7         background-color: $background_color;
   8 }
   9 #topbar-first .dropdown.account > a,
  10 #topbar-first .dropdown.account.open > a,
  11 #topbar-first .dropdown.account > button,
  12 #topbar-first .dropdown.account.open > button {
  13         background: none;
  14 }
  15
  16 #topbar-first #nav-notifications-menu li.notif-entry:hover {
  17         background-color: $nav_bg;
  18 }
  19
  20 #topbar-first #nav-notifications-menu li.notification-unseen {
  21         background-color: $nav_icon_hover_color;
  22 }
  23
  24 #topbar-second {
  25         background-color: $nav_bg;
  26         border-color: $link_color;
  27 }
  28 #topbar-second ul.tabs li {
  29         border_color: $link_color;
  30 }
  31
  32 .dropdown-menu, .account .dropdown-menu {
  33         background-color: $background_color;
  34 }
  35 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  36         color: $link_color;
  37 }
  38 .account .dropdown-menu li {
  39         border-color: $background_color;
  40 }
  41
  42 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  43         background-image: none;
  44         background-color: rgba(232, 232, 232, $contentbg_transp);
  45 }
  46
  47 .breadcrumb,
  48 .panel-footer,
  49 .list-group-item {
  50         background-color: rgba(245, 245, 245, $contentbg_transp);
  51 }
  52 .panel-group .panel-footer {
  53         border-top: 1px solid $nav_bg;
  54 }
  55
  56 .well {
  57         background-image: none;
  58         background-color: $nav_bg;
  59         box-shadow: 0 0 3px #dadada;
  60         -webkit-box-shadow: 0 0 3px #dadada;
  61 }
  62
  63 input[type=text],
  64 input[type=submit],
  65 button[type=submit]:not(.btn),
  66 select,
  67 textarea,
  68 .form-control {
  69         border: none;
  70         background-color: $nav_bg;
  71         color: $font_color;
  72         box-shadow: 0 0 3px #dadada;
  73         -webkit-box-shadow: 0 0 3px #dadada;
  74 }
  75 input[type=range] {
  76         box-shadow: none;
  77 }
  78
  79 .form-control[disabled],
  80 .form-control[readonly],
  81 .ieldset[disabled] .form-control {
  82         background-color: $background_color;
  83         color: $font_color_darker;
  84 }
  85
  86 .radio label::before,
  87 .checkbox label::before {
  88         background-color: $background_color;
  89 }
  90
  91 .nav-tabs>li.active>a,
  92 .nav-tabs>li.active>a:focus,
  93 .nav-tabs>li.active>a:hover,
  94 main .nav-tabs>li.active>a,
  95 main .nav-tabs>li.active>a:focus,
  96 main .nav-tabs>li.active>a:hover {
  97         background-color: $nav_bg;
  98         color: $font_color_darker;
  99 }
 100
 101 .nav > li > a:focus,
 102 .nav > li > a:hover {
 103         background-color: rgba(238, 238, 238, $contentbg_transp);
 104 }
 105
 106 .modal-content {
 107         background-color: $background_color;
 108 }
 109
 110 .pagination > .active > a,
 111 .pagination > .active > a:focus,
 112 .pagination > .active > a:hover,
 113 .pagination > .active > span,
 114 .pagination > .active > span:focus,
 115 .pagination > .active > span:hover {
 116         border-color: $link_color;
 117         background-color: $nav_bg;
 118         color: $font_color;
 119 }
 120
 121 .pagination>li>a:hover,
 122 .pagination>li>span:hover {
 123         background-color: $nav_bg;
 124 }
 125
 126 #jotOpen {
 127         border: none;
 128         background-color: $background_color;
 129 }
 130
 131 .close {
 132         color: $font_color;
 133         text-shadow: 0 1px 0 $nav_bg;
 134 }
 135 .close:focus,
 136 .close:hover {
 137         color: $link_color;
 138 }
 139
 140 .input-group-addon {
 141         color: $font_color;
 142         background-color: $nav_bg;
 143         box-shadow: 0 0 3px #dadada;
 144         -webkit-box-shadow: 0 0 3px #dadada;
 145         border: none;
 146 }
 147
 148 #topbar-first #nav-notifications-menu li.notif-entry,
 149 .panel-footer,
 150 .panel-group .panel-heading + .panel-collapse > .list-group,
 151 .panel-group .panel-heading + .panel-collapse > .panel-body,
 152 .wall-item-container,
 153 .comment-fake-form {
 154         border-color: $nav_bg;
 155 }
 156
 157 .wall-item-comment-wrapper {
 158         border: 0;
 159 }
 160
 161 .badge {
 162         background-color: $nav_bg;
 163 }
 164
 165 .btn {
 166         box-shadow: 0 0 2px #dadada;
 167         -webkit-box-shadow: 0 0 2px #dadada;
 168         background: none;
 169         color: $font_color_darker;
 170 }
 171 .btn.focus,
 172 .btn:focus,
 173 .btn:hover {
 174         color: $font_color;
 175 }
 176 .btn-default:focus,
 177 .btn-default:hover {
 178         background: $nav_bg;
 179 }
 180 .btn-default.active,
 181 .btn-default:active {
 182         background-color: $nav_bg;
 183         color: $font_color;
 184 }
 185
 186 button[type=submit]:not(.btn),
 187 input[type=submit],
 188 .btn.btn-primary {
 189         border: 1px solid $link_color;
 190 }
 191
 192 .label-primary {
 193         background-color: $background_color;
 194         color: $link_color;
 195 }
 196
 197 .panel-default>.panel-heading {
 198         background: none;
 199         background-color: $nav_bg;
 200         color: $font_color;
 201 }
 202
 203 .btn-success,
 204 .label-success,
 205 .alert-success,
 206 .panel-success > .panel-heading {
 207         background: rgba(60, 118, 61, 0.4);
 208         color: #dff0d8;
 209 }
 210
 211 .fc .fc-event,
 212 .btn-info,
 213 .label-info,
 214 .alert-info,
 215 .panel-info > .panel-heading,
 216 .table > tbody > tr.info > td,
 217 .table > tbody > tr.info > th,
 218 .table > tbody > tr > td.info,
 219 .table > tbody > tr > th.info,
 220 .table > tfoot > tr.info > td,
 221 .table > tfoot > tr.info > th,
 222 .table > tfoot > tr > td.info,
 223 .table > tfoot > tr > th.info,
 224 .table > thead > tr.info > td,
 225 .table > thead > tr.info > th,
 226 .table > thead > tr > td.info,
 227 .table > thead > tr > th.info {
 228         background: rgba(49, 112, 143, 0.4);
 229         color: #d9edf7;
 230 }
 231
 232 .btn-warning,
 233 .label-warning,
 234 .alert-warning,
 235 .panel-warning > .panel-heading {
 236         background: rgba(139, 109, 59, 0.4);
 237         color: #fcf8e3;
 238 }
 239
 240 .btn-danger,
 241 .label-danger,
 242 .alert-danger,
 243 .panel-danger > .panel-heading {
 244         background: rgba(169, 68, 66, 0.4);
 245         color: #f2dede;
 246 }
 247
 248 @media (min-width: 768px) {
 249         .wall-item-container .wall-item-links,
 250         .wall-item-container .wall-item-actions button,
 251         .wall-item-container .body-attach > a {
 252                 opacity: 0.3;
 253                 -webkit-transition: all 0.25s ease-in-out;
 254                 -moz-transition: all 0.25s ease-in-out;
 255                 -o-transition: all 0.25s ease-in-out;
 256                 -ms-transition: all 0.25s ease-in-out;
 257                 transition: all 0.25s ease-in-out;
 258         }
 259         .wall-item-container:hover .wall-item-links,
 260         .wall-item-container:hover .wall-item-actions button,
 261         .wall-item-container:hover .body-attach > a {
 262                 opacity: 1;
 263                 -webkit-transition: all 0.25s ease-in-out;
 264                 -moz-transition: all 0.25s ease-in-out;
 265                 -o-transition: all 0.25s ease-in-out;
 266                 -ms-transition: all 0.25s ease-in-out;
 267                 transition: all 0.25s ease-in-out;
 268         }
 269         .wall-item-container .wall-item-body .body-attach > a:hover {
 270                 opacity: 1;
 271         }
 272 }
 273
 274 .fc-unthemed td.fc-today {
 275         background-color: $nav_bg;
 276 }
 277
 278 .nav .open > .btn-link {
 279         background-color: $nav_bg;
 280 }
 281
 282 .hovercard {
 283         box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
 284         -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
 285 }
 286 .hovercard,
 287 .hover-card-footer {
 288         background-color: $nav_bg;
 289 }
 290 .hovercard.top > .arrow:after {
 291         border-top-color: $nav_bg;
 292 }
 293 .hovercard.right > .arrow:after {
 294         border-right-color: $nav_bg;
 295 }
 296 .hovercard.bottom > .arrow:after {
 297         border-bottom-color: $nav_bg;
 298 }
 299 .hovercard.left > .arrow:after {
 300         border-left-color: $nav_bg;
 301 }
 302
 303 .friendica-tagsinput .tag {
 304         color: inherit;
 305 }
 306
 307
 308 code {
 309         color: $font_color;
 310         background-color: rgba(255, 255, 255, .2);
 311 }
 312 pre {
 313         color: $font_color_darker;
 314         background-color: rgba(255, 255, 255, .05);
 315 }
 316
 317 legend {
 318         color: $font_color;
 319 }
 320
 321 .table-striped>tbody>tr:nth-of-type(odd),
 322 .table-hover > tbody > tr:hover,
 323 .adminpage .table-hover > tbody > tr:hover + tr.details {
 324         background-color: $nav_bg;
 325 }
 326
 327 input[type=text].tt-input {
 328         box-shadow: none;
 329 }