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