view/theme/frio/scheme/black.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,
  33 .account .dropdown-menu {
  34         background-color: $background_color;
  35 }
  36 .dropdown-menu > li > a:focus,
  37 .dropdown-menu > li > a:hover {
  38         color: $link_color;
  39 }
  40 .account .dropdown-menu li {
  41         border-color: $background_color;
  42 }
  43
  44 .dropdown-menu > li > a:focus,
  45 .dropdown-menu > li > a:hover {
  46         background-image: none;
  47         background-color: rgba(232, 232, 232, $contentbg_transp);
  48 }
  49
  50 .breadcrumb,
  51 .panel-footer,
  52 .list-group-item {
  53         background-color: rgba(245, 245, 245, $contentbg_transp);
  54 }
  55 .panel-group .panel-footer {
  56         border-top: 1px solid $nav_bg;
  57 }
  58
  59 .well {
  60         background-image: none;
  61         background-color: $nav_bg;
  62         box-shadow: 0 0 3px #dadada;
  63         -webkit-box-shadow: 0 0 3px #dadada;
  64         border-color: #a0a0a0;
  65 }
  66
  67 input[type="text"],
  68 input[type="submit"],
  69 button[type="submit"]:not(.btn),
  70 select,
  71 textarea,
  72 .form-control {
  73         border: 2px solid transparent;
  74         background-color: $nav_bg;
  75         color: $font_color;
  76         box-shadow: 0 0 3px #dadada;
  77         -webkit-box-shadow: 0 0 3px #dadada;
  78 }
  79 input[type="range"] {
  80         box-shadow: none;
  81 }
  82
  83 .form-control[disabled],
  84 .form-control[readonly],
  85 fieldset[disabled] .form-control {
  86         background-color: $background_color;
  87         color: $font_color_darker;
  88 }
  89
  90 .radio label::before,
  91 .checkbox label::before {
  92         background-color: $background_color;
  93 }
  94
  95 .nav-tabs > li.active > a,
  96 .nav-tabs > li.active > a:focus,
  97 .nav-tabs > li.active > a:hover,
  98 main .nav-tabs > li.active > a,
  99 main .nav-tabs > li.active > a:focus,
 100 main .nav-tabs > li.active > a:hover {
 101         background-color: $nav_bg;
 102         color: $font_color_darker;
 103 }
 104
 105 .nav > li > a:focus,
 106 .nav > li > a:hover {
 107         background-color: rgba(238, 238, 238, $contentbg_transp);
 108 }
 109
 110 .modal-content {
 111         background-color: $background_color;
 112 }
 113
 114 .pager li > a,
 115 .pager li > span {
 116         border-color: #a0a0a0;
 117 }
 118
 119 .pager li > a:focus,
 120 .pager li > a:hover {
 121         background-color: #303030;
 122 }
 123
 124 .pagination > .active > a,
 125 .pagination > .active > a:focus,
 126 .pagination > .active > a:hover,
 127 .pagination > .active > span,
 128 .pagination > .active > span:focus,
 129 .pagination > .active > span:hover {
 130         border-color: $link_color;
 131         background-color: $nav_bg;
 132         color: $font_color;
 133 }
 134
 135 .pagination > li > a:hover,
 136 .pagination > li > span:hover {
 137         background-color: $nav_bg;
 138 }
 139
 140 #jotOpen {
 141         border: none;
 142         background-color: $background_color;
 143 }
 144
 145 .close {
 146         color: $font_color;
 147         text-shadow: 0 1px 0 $nav_bg;
 148 }
 149 .close:focus,
 150 .close:hover {
 151         color: $link_color;
 152 }
 153
 154 .input-group-addon {
 155         color: $font_color;
 156         background-color: $nav_bg;
 157         box-shadow: 0 0 3px #dadada;
 158         -webkit-box-shadow: 0 0 3px #dadada;
 159         border: none;
 160 }
 161
 162 #topbar-first #nav-notifications-menu li.notif-entry,
 163 .panel-footer,
 164 .panel-group .panel-heading + .panel-collapse > .list-group,
 165 .panel-group .panel-heading + .panel-collapse > .panel-body,
 166 .wall-item-container,
 167 .comment-fake-form {
 168         border-color: $nav_bg;
 169 }
 170
 171 .wall-item-comment-wrapper {
 172         border: 0;
 173 }
 174
 175 .badge {
 176         background-color: $nav_bg;
 177 }
 178
 179 .btn {
 180         box-shadow: 0 0 2px #dadada;
 181         -webkit-box-shadow: 0 0 2px #dadada;
 182         background: none;
 183         color: $font_color_darker;
 184 }
 185 .btn.focus,
 186 .btn:focus,
 187 .btn:hover {
 188         color: $font_color;
 189 }
 190 .btn-default:focus,
 191 .btn-default:hover {
 192         background: $nav_bg;
 193 }
 194 .btn-default.active,
 195 .btn-default:active {
 196         background-color: $nav_bg;
 197         color: $font_color;
 198 }
 199
 200 button[type="submit"]:not(.btn),
 201 input[type="submit"],
 202 .btn.btn-primary {
 203         border: 1px solid $link_color;
 204 }
 205
 206 .label-primary {
 207         background-color: $background_color;
 208         color: $link_color;
 209 }
 210
 211 .panel-default > .panel-heading {
 212         background: none;
 213         background-color: $nav_bg;
 214         color: $font_color;
 215 }
 216
 217 .btn-success,
 218 .label-success,
 219 .alert-success,
 220 .panel-success > .panel-heading {
 221         background: rgba(60, 118, 61, 0.4);
 222         color: #dff0d8;
 223 }
 224
 225 .fc .fc-event,
 226 .btn-info,
 227 .label-info,
 228 .alert-info,
 229 .panel-info > .panel-heading,
 230 .table > tbody > tr.info > td,
 231 .table > tbody > tr.info > th,
 232 .table > tbody > tr > td.info,
 233 .table > tbody > tr > th.info,
 234 .table > tfoot > tr.info > td,
 235 .table > tfoot > tr.info > th,
 236 .table > tfoot > tr > td.info,
 237 .table > tfoot > tr > th.info,
 238 .table > thead > tr.info > td,
 239 .table > thead > tr.info > th,
 240 .table > thead > tr > td.info,
 241 .table > thead > tr > th.info {
 242         background: rgba(49, 112, 143, 0.4);
 243         color: #d9edf7;
 244 }
 245
 246 .btn-warning,
 247 .label-warning,
 248 .alert-warning,
 249 .panel-warning > .panel-heading {
 250         background: rgba(139, 109, 59, 0.4);
 251         color: #fcf8e3;
 252 }
 253
 254 .btn-danger,
 255 .label-danger,
 256 .alert-danger,
 257 .panel-danger > .panel-heading {
 258         background: rgba(169, 68, 66, 0.4);
 259         color: #f2dede;
 260 }
 261
 262 @media (min-width: 768px) {
 263         .wall-item-container .wall-item-links,
 264         .wall-item-container .wall-item-actions button > a {
 265                 opacity: 0.5;
 266                 -webkit-transition: all 0.25s ease-in-out;
 267                 -moz-transition: all 0.25s ease-in-out;
 268                 -o-transition: all 0.25s ease-in-out;
 269                 -ms-transition: all 0.25s ease-in-out;
 270                 transition: all 0.25s ease-in-out;
 271         }
 272         .wall-item-container:hover .wall-item-links,
 273         .wall-item-container:hover .wall-item-actions button > a {
 274                 opacity: 1;
 275                 -webkit-transition: all 0.25s ease-in-out;
 276                 -moz-transition: all 0.25s ease-in-out;
 277                 -o-transition: all 0.25s ease-in-out;
 278                 -ms-transition: all 0.25s ease-in-out;
 279                 transition: all 0.25s ease-in-out;
 280         }
 281         .wall-item-container .wall-item-body .body-attach > a:hover {
 282                 opacity: 1;
 283         }
 284 }
 285
 286 .fc-unthemed td.fc-today {
 287         background-color: $nav_bg;
 288 }
 289
 290 .nav .open > .btn-link {
 291         background-color: $nav_bg;
 292 }
 293
 294 .hovercard {
 295         box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
 296         -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
 297 }
 298 .hovercard,
 299 .hover-card-footer {
 300         background-color: $nav_bg;
 301 }
 302 .hovercard.top > .arrow:after {
 303         border-top-color: $nav_bg;
 304 }
 305 .hovercard.right > .arrow:after {
 306         border-right-color: $nav_bg;
 307 }
 308 .hovercard.bottom > .arrow:after {
 309         border-bottom-color: $nav_bg;
 310 }
 311 .hovercard.left > .arrow:after {
 312         border-left-color: $nav_bg;
 313 }
 314
 315 .friendica-tagsinput .tag {
 316         color: inherit;
 317 }
 318
 319 code {
 320         color: $font_color;
 321         background-color: rgba(255, 255, 255, 0.2);
 322 }
 323 pre {
 324         color: $font_color_darker;
 325         background-color: rgba(255, 255, 255, 0.05);
 326 }
 327
 328 legend {
 329         color: $font_color;
 330 }
 331
 332 .table-striped > tbody > tr:nth-of-type(odd),
 333 .table-hover > tbody > tr:hover,
 334 .adminpage .table-hover > tbody > tr:hover + tr.details {
 335         background-color: $nav_bg;
 336 }
 337
 338 section > .generic-page-wrapper,
 339 .videos-content-wrapper,
 340 .suggest-content-wrapper,
 341 .help-content-wrapper,
 342 .match-content-wrapper,
 343 .dirfind-content-wrapper,
 344 .delegation-content-wrapper,
 345 .notes-content-wrapper,
 346 .message-content-wrapper,
 347 .apps-content-wrapper,
 348 #adminpage,
 349 .delegate-content-wrapper,
 350 .uexport-content-wrapper,
 351 .dfrn_request-content-wrapper,
 352 .friendica-content-wrapper,
 353 .credits-content-wrapper,
 354 .nocircle-content-wrapper,
 355 .profperm-content-wrapper,
 356 .invite-content-wrapper,
 357 .tos-content-wrapper,
 358 .fsuggest-content-wrapper,
 359 .panel,
 360 aside .widget,
 361 .nav-container .widget,
 362 #back-to-top {
 363         box-shadow: 0 0 3px $link_color;
 364         -webkit-box-shadow: 0 0 3px $link_color;
 365 }
 366
 367 input[type="text"].tt-input {
 368         box-shadow: none;
 369 }
 370
 371 #back-to-top {
 372         color: $link_color;
 373 }
 374
 375 .acpopup {
 376         background-color: $nav_bg;
 377         box-shadow: 0px 6px 12px rgba(218, 218, 218, .18);
 378         -webkit-box-shadow: 0px 6px 12px rgba(218, 218, 218, .18);
 379 }
 380
 381 .textcomplete-item > a {
 382         color: $nav_icon_color !important;
 383 }
 384
 385 .textcomplete-item.active > a {
 386         background-color: $nav_icon_hover_color !important;
 387 }
 388
 389 #preview_profile-jot-text, .comment-edit-form .preview {
 390         background-color: $nav_bg;
 391         border-width: 1px;
 392 }
 393
 394 textarea#profile-jot-text:focus + #preview_profile-jot-text, textarea.comment-edit-text:focus + .comment-edit-form .preview {
 395         border-color: $link_color;
 396 }
 397
 398 figure.img-allocated-height {
 399         background-color: rgba(255, 255, 255, 0.15);
 400 }