[frio] Add black accented scheme

diff --git a/view/theme/frio/config.php b/view/theme/frio/config.php
index 5b3c77a50c67e6dfb5519c5e3a24a34340d9f471..3b9233e0a48106c693352b879ec70cbd5f134e58 100644 (file)
--- a/view/theme/frio/config.php
+++ b/view/theme/frio/config.php
@@ -141,6 +141,7 @@ function frio_form($arr)
        $schemes = [
                'light' => DI::l10n()->t('Light (Accented)'),
                'dark'  => DI::l10n()->t('Dark (Accented)'),
+               'black' => DI::l10n()->t('Black (Accented)'),
        ];
 
        $legacy_schemes = [];

diff --git a/view/theme/frio/scheme/black.css b/view/theme/frio/scheme/black.css
new file mode 100644 (file)
index 0000000..982de93
--- /dev/null
+++ b/view/theme/frio/scheme/black.css
@@ -0,0 +1,347 @@
+/*
+    Licence    : AGPL
+    Created on : 11.08.2020
+    Author     : Hypolite Petovan <hypolite@friendica.mrpetovan.com>
+*/
+#topbar-first {
+       background-color: $background_color;
+}
+#topbar-first .dropdown.account > a,
+#topbar-first .dropdown.account.open > a,
+#topbar-first .dropdown.account > button,
+#topbar-first .dropdown.account.open > button {
+       background: none;
+}
+
+#topbar-first #nav-notifications-menu li.notif-entry:hover {
+       background-color: $nav_bg;
+}
+
+
+#topbar-second {
+       background-color: $nav_bg;
+       border-color: $link_color;
+}
+#topbar-second ul.tabs li {
+       border_color: $link_color;
+}
+
+.dropdown-menu, .account .dropdown-menu {
+       background-color: $background_color;
+}
+.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
+       color: $link_color;
+}
+.account .dropdown-menu li {
+       border-color: $background_color;
+}
+
+.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
+       background-image: none;
+       background-color: rgba(232, 232, 232, $contentbg_transp);
+}
+
+.breadcrumb,
+.panel-footer,
+.list-group-item {
+       background-color: rgba(245, 245, 245, $contentbg_transp);
+}
+.panel-group .panel-footer {
+       border-top: 1px solid $nav_bg;
+}
+
+.well {
+       background-image: none;
+       background-color: $nav_bg;
+       box-shadow: 0 0 3px #dadada;
+       -webkit-box-shadow: 0 0 3px #dadada;
+       border-color: #a0a0a0;
+}
+
+input[type=text],
+input[type=submit],
+button[type=submit]:not(.btn),
+select,
+textarea,
+.form-control {
+       border: none;
+       background-color: $nav_bg;
+       color: $font_color;
+       box-shadow: 0 0 3px #dadada;
+       -webkit-box-shadow: 0 0 3px #dadada;
+}
+.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
+       background-color: $background_color;
+       color: $font_color_darker;
+}
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover,
+main .nav-tabs>li.active>a,
+main .nav-tabs>li.active>a:focus,
+main .nav-tabs>li.active>a:hover {
+       background-color: $nav_bg;
+       color: $font_color_darker;
+}
+
+.nav > li > a:focus, .nav > li > a:hover {
+       background-color: rgba(238, 238, 238, $contentbg_transp);
+}
+
+.modal-content {
+       background-color: $background_color;
+}
+
+.pager li > a,
+.pager li > span {
+       border-color: #a0a0a0;
+}
+
+.pager li > a:focus,
+.pager li > a:hover {
+       background-color: #303030;
+}
+
+.pagination > .active > a,
+.pagination > .active > a:focus,
+.pagination > .active > a:hover,
+.pagination > .active > span,
+.pagination > .active > span:focus,
+.pagination > .active > span:hover {
+       border-color: $link_color;
+       background-color: $nav_bg;
+       color: $font_color;
+}
+
+.pagination>li>a:hover, .pagination>li>span:hover {
+       background-color: $nav_bg;
+}
+
+#jotOpen {
+       border: none;
+       background-color: $background_color;
+}
+
+.close {
+       color: $font_color;
+       text-shadow: 0 1px 0 $nav_bg;
+}
+.close:focus, .close:hover {
+       color: $link_color;
+}
+
+.input-group-addon {
+       color: $font_color;
+       background-color: $nav_bg;
+       box-shadow: 0 0 3px #dadada;
+       -webkit-box-shadow: 0 0 3px #dadada;
+       border: none;
+}
+
+#topbar-first #nav-notifications-menu li.notif-entry,
+.panel-footer,
+.panel-group .panel-heading + .panel-collapse > .list-group,
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.wall-item-container,
+.comment-fake-form {
+       border-color: $nav_bg;
+}
+
+.wall-item-comment-wrapper {
+       border: 0;
+}
+
+.badge {
+       background-color: $nav_bg;
+}
+
+.btn {
+       box-shadow: 0 0 2px #dadada;
+       -webkit-box-shadow: 0 0 2px #dadada;
+       background: none;
+       color: $font_color_darker;
+}
+.btn.focus, .btn:focus, .btn:hover {
+       color: $font_color;
+}
+.btn-default:focus, .btn-default:hover {
+       background: $nav_bg;
+}
+.btn-default.active, .btn-default:active {
+       background-color: $nav_bg;
+       color: $font_color;
+}
+
+button[type=submit]:not(.btn),
+input[type=submit],
+.btn.btn-primary {
+       border: 1px solid $link_color;
+}
+
+.label-primary {
+       background-color: $background_color;
+       color: $link_color;
+}
+
+.panel-default>.panel-heading {
+       background: none;
+       background-color: $nav_bg;
+       color: $font_color;
+}
+
+.btn-success,
+.label-success,
+.alert-success,
+.panel-success > .panel-heading {
+       background: rgba(60, 118, 61, 0.4);
+       color: #dff0d8;
+}
+
+.fc .fc-event,
+.btn-info,
+.label-info,
+.alert-info,
+.panel-info > .panel-heading,
+.table > tbody > tr.info > td,
+.table > tbody > tr.info > th,
+.table > tbody > tr > td.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr.info > td,
+.table > tfoot > tr.info > th,
+.table > tfoot > tr > td.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > thead > tr.info > th,
+.table > thead > tr > td.info,
+.table > thead > tr > th.info {
+       background: rgba(49, 112, 143, 0.4);
+       color: #d9edf7;
+}
+
+.btn-warning,
+.label-warning,
+.alert-warning,
+.panel-warning > .panel-heading {
+       background: rgba(139, 109, 59, 0.4);
+       color: #fcf8e3;
+}
+
+.btn-danger,
+.label-danger,
+.alert-danger,
+.panel-danger > .panel-heading {
+       background: rgba(169, 68, 66, 0.4);
+       color: #f2dede;
+}
+
+.wall-item-actions a, .wall-item-actions button {
+       color: $link_color;
+}
+
+@media (min-width: 768px) {
+       .wall-item-container .wall-item-links,
+       .wall-item-container .wall-item-actions button,
+       .wall-item-container .body-attach > a {
+               opacity: 0.3;
+               -webkit-transition: all 0.25s ease-in-out;
+               -moz-transition: all 0.25s ease-in-out;
+               -o-transition: all 0.25s ease-in-out;
+               -ms-transition: all 0.25s ease-in-out;
+               transition: all 0.25s ease-in-out;
+               color: $font_color;
+       }
+       .wall-item-container:hover .wall-item-links,
+       .wall-item-container:hover .wall-item-actions button,
+       .wall-item-container:hover .body-attach > a {
+               opacity: 1;
+               -webkit-transition: all 0.25s ease-in-out;
+               -moz-transition: all 0.25s ease-in-out;
+               -o-transition: all 0.25s ease-in-out;
+               -ms-transition: all 0.25s ease-in-out;
+               transition: all 0.25s ease-in-out;
+               color: $link_color;
+       }
+       .wall-item-container .wall-item-body .body-attach > a:hover {
+               opacity: 1;
+       }
+}
+
+.fc-unthemed td.fc-today {
+       background-color: $nav_bg;
+}
+
+.nav .open > .btn-link {
+       background-color: $nav_bg;
+}
+
+.hovercard {
+       box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
+       -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
+}
+.hovercard, .hover-card-footer {
+       background-color: $nav_bg;
+}
+.hovercard.top > .arrow:after {
+       border-top-color: $nav_bg;
+}
+.hovercard.right > .arrow:after {
+       border-right-color: $nav_bg;
+}
+.hovercard.bottom > .arrow:after {
+       border-bottom-color: $nav_bg;
+}
+.hovercard.left > .arrow:after {
+       border-left-color: $nav_bg;
+}
+
+.friendica-tagsinput .tag {
+       color: inherit;
+}
+
+
+code {
+       color: $font_color;
+       background-color: rgba(255, 255, 255, .2);
+}
+pre {
+       color: $font_color_darker;
+       background-color: rgba(255, 255, 255, .05);
+}
+
+legend {
+       color: $font_color;
+}
+
+.table-striped>tbody>tr:nth-of-type(odd),
+.table-hover > tbody > tr:hover,
+.adminpage .table-hover > tbody > tr:hover + tr.details {
+       background-color: $nav_bg;
+}
+
+section > .generic-page-wrapper,
+.videos-content-wrapper,
+.suggest-content-wrapper,
+.help-content-wrapper,
+.match-content-wrapper,
+.dirfind-content-wrapper,
+.delegation-content-wrapper,
+.notes-content-wrapper,
+.message-content-wrapper,
+.apps-content-wrapper, #adminpage,
+.delegate-content-wrapper,
+.uexport-content-wrapper,
+.dfrn_request-content-wrapper,
+.friendica-content-wrapper,
+.credits-content-wrapper,
+.nogroup-content-wrapper,
+.profperm-content-wrapper,
+.invite-content-wrapper,
+.tos-content-wrapper,
+.fsuggest-content-wrapper,
+.panel,
+aside .widget,
+.nav-container .widget{
+       box-shadow: 0 0 3px $link_color;
+       -webkit-box-shadow: 0 0 3px $link_color;
+}

diff --git a/view/theme/frio/scheme/black.php b/view/theme/frio/scheme/black.php
new file mode 100644 (file)
index 0000000..797ba78
--- /dev/null
+++ b/view/theme/frio/scheme/black.php
@@ -0,0 +1,21 @@
+<?php
+/*
+ * Name: Black
+ * Licence: AGPL
+ * Author: Hypolite Petovan <hypolite@friendica.mrpetovan.com>
+ * Overwrites: nav_bg, nav_icon_color, link_color, background_color, contentbg_transp
+ * Accented: yes
+ */
+
+require_once 'view/theme/frio/php/PHPColors/Color.php';
+
+$accentColor = new Color($scheme_accent);
+
+$menu_background_hover_color = '#' . $accentColor->darken(45);
+$nav_bg = '#202020';
+$link_color = '#' . $accentColor->lighten(10);
+$nav_icon_color = '#d4d4d4';
+$background_color = '#000000';
+$contentbg_transp = '0';
+$font_color = '#cccccc';
+$font_color_darker = '#acacac';