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