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