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