upd: tint box-content when it has another box

1 files changed, 6 insertions, 0 deletions

diff --git a/public/static/style.css b/public/static/style.css
index be8d5e3..78aa25c 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -5,6 +5,7 @@
     --box-tab-background: #efc2c2;
     --box-border: #800;
     --box-content-background: #fff;
+    --box-content-background-2: #e6d9d9;
 }
 
 * {
@@ -67,6 +68,7 @@ button[type=submit]:hover {
 
 /** BOX */
 .box {
+    background: var(--box-content-background);
     border: 2px solid var(--box-border);
 }
 
@@ -82,6 +84,10 @@ button[type=submit]:hover {
     padding: 8px;
 }
 
+.box>.content:has(.box) {
+    background: var(--box-content-background-2);
+}
+
 /** SHORTCUTS */
 .column {
     display: flex;