Fixed post and comment bg colors [Issue #15]

This commit is contained in:
Random Penguin 2025-03-01 23:22:31 +00:00
parent 389a6ca7b6
commit 13ec0a4a57

View file

@ -1,6 +1,6 @@
/* /*
Name : Bookface Light Name : Bookface Light
Version : 1.5 Version : 1.5.4
Licence : AGPL Licence : AGPL
Created on : 27 Feb 2025 Created on : 27 Feb 2025
Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
@ -12,6 +12,8 @@
--link-color: $link_color; --link-color: $link_color;
--nav-icon-color: $nav_icon_color; --nav-icon-color: $nav_icon_color;
--background-color: $background_color; --background-color: $background_color;
--content-bg: var(--nav-bg);
--comment-bg: var(--background-color);
--font-color: $font_color; --font-color: $font_color;
--font-color-darker: $font_color_darker; --font-color-darker: $font_color_darker;
--menu-background-hover-color: $menu_background_hover_color; --menu-background-hover-color: $menu_background_hover_color;
@ -447,7 +449,7 @@ ul.nav-tabs {
.tos-content-wrapper, .tos-content-wrapper,
.fsuggest-content-wrapper, .fsuggest-content-wrapper,
.shared-wrapper { .shared-wrapper {
background-color: var(--nav-bg) !important; background-color: var(--content-bg) !important;
background-image: none; background-image: none;
/* frio light border-color */ /* frio light border-color */
} }
@ -658,7 +660,7 @@ ul.nav-tabs {
} }
/* POSTS */ /* POSTS */
.tread-wrapper { .tread-wrapper {
/* frio background-color */ background-color: var(--content-bg);
box-shadow: 0 0px 1px rgba(0,0,0,.5) !important; box-shadow: 0 0px 1px rgba(0,0,0,.5) !important;
border-radius: 10px !important; border-radius: 10px !important;
} }
@ -666,7 +668,7 @@ ul.nav-tabs {
border-top: none; border-top: none;
} }
.wall-item-container .media { .wall-item-container .media {
background-color: #ffffff !important; background-color: var(--content-bg) !important;
border-radius: 10px !important; border-radius: 10px !important;
} }
.wall-item-container iframe { .wall-item-container iframe {
@ -879,7 +881,7 @@ ul.nav-tabs {
.modal-content, .modal-content,
#jot-modal-content, #jot-modal-content,
.wall-item-comment-wrapper { .wall-item-comment-wrapper {
background-color: #fff !important; background-color: var(--content-bg) !important;
border-radius: 15px !important; border-radius: 15px !important;
background-image: none; background-image: none;
} }
@ -1087,7 +1089,7 @@ ul.nav-tabs {
} }
.comment-fake-form textarea { .comment-fake-form textarea {
border-radius: 50px !important; border-radius: 50px !important;
/* frio background-color */ background-color: var(--comment-bg) !important;
/* frio -webkit-box-shadow */ /* frio -webkit-box-shadow */
/* frio box-shadow */ /* frio box-shadow */
} }
@ -1103,7 +1105,7 @@ ul.nav-tabs {
} }
.comment .media-body { .comment .media-body {
padding: 10px; padding: 10px;
background-color: var(--background-color); background-color: var(--comment-bg);
border-radius: 20px; border-radius: 20px;
} }
.wall-item-actions-row .wall-item-emoji { .wall-item-actions-row .wall-item-emoji {