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