From 8164e63b09f22f97c6b573fb82fe07032f3586d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lera=20Elvo=C3=A9?= <yagich@poto.cafe>
Date: Thu, 27 Nov 2025 22:56:12 +0300
Subject: [PATCH] theme edits

---
 data/static/css/style.css           |  1 +
 data/static/css/theme-otomotone.css | 31 +++++++++++++++--------------
 data/static/css/theme-peachy.css    |  8 +-------
 sass/_default.scss                  | 10 +++++-----
 sass/otomotone.scss                 |  2 ++
 sass/peachy.scss                    |  8 --------
 6 files changed, 25 insertions(+), 35 deletions(-)

diff --git a/data/static/css/style.css b/data/static/css/style.css
index 83517f8..7e53ec2 100644
--- a/data/static/css/style.css
+++ b/data/static/css/style.css
@@ -1190,6 +1190,7 @@ ul.horizontal li, ol.horizontal li {
   box-sizing: border-box;
   border: 1px solid black;
   margin: 10px 5px;
+  overflow: hidden;
 }
 
 .accordion.hidden {
diff --git a/data/static/css/theme-otomotone.css b/data/static/css/theme-otomotone.css
index cc169c7..7dfd645 100644
--- a/data/static/css/theme-otomotone.css
+++ b/data/static/css/theme-otomotone.css
@@ -32,7 +32,7 @@
   font-family: "Cadman";
   text-decoration: none;
   border: 1px solid black;
-  border-radius: 4px;
+  border-radius: 8px;
   padding: 5px 20px;
   margin: 10px 0;
 }
@@ -574,14 +574,14 @@ pre code { /* Literal.Number.Integer.Long */ }
   padding: 5px 10px;
   display: inline-block;
   margin: 4px;
-  border-radius: 4px;
+  border-radius: 8px;
   font-size: 1rem;
   white-space: pre;
 }
 
 #delete-dialog, .lightbox-dialog {
   padding: 0;
-  border-radius: 4px;
+  border-radius: 8px;
   border: 2px solid black;
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
 }
@@ -618,7 +618,7 @@ pre code { /* Literal.Number.Integer.Long */ }
 blockquote {
   padding: 10px 20px;
   margin: 10px;
-  border-radius: 4px;
+  border-radius: 8px;
   border-left: 10px solid #ae6bae;
   background-color: rgba(251, 175, 207, 0.0392156863);
 }
@@ -832,7 +832,7 @@ p {
 
 input[type=text], input[type=password], textarea, select {
   border: 1px solid black;
-  border-radius: 4px;
+  border-radius: 8px;
   padding: 7px 10px;
   width: 100%;
   box-sizing: border-box;
@@ -1146,9 +1146,9 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
   background-color: #503250;
   border: 1px solid black;
   padding: 10px;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
 }
 
 ul, ol {
@@ -1175,7 +1175,7 @@ ul.horizontal li, ol.horizontal li {
   border: 1px solid black;
   background-color: #775891;
   padding: 20px 15px;
-  border-radius: 4px;
+  border-radius: 8px;
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
 }
 
@@ -1185,11 +1185,12 @@ ul.horizontal li, ol.horizontal li {
 }
 
 .accordion {
-  border-top-right-radius: 4px;
-  border-top-left-radius: 4px;
+  border-top-right-radius: 8px;
+  border-top-left-radius: 8px;
   box-sizing: border-box;
   border: 1px solid black;
   margin: 10px 5px;
+  overflow: hidden;
 }
 
 .accordion.hidden {
@@ -1257,7 +1258,7 @@ ul.horizontal li, ol.horizontal li {
   transform: translateX(-50%);
   margin: 0;
   border: none;
-  border-radius: 4px;
+  border-radius: 8px;
   background-color: rgba(0, 0, 0, 0.5019607843);
   padding: 5px 10px;
 }
@@ -1292,7 +1293,7 @@ footer {
   position: relative;
   margin: 0;
   border: none;
-  border-radius: 4px;
+  border-radius: 8px;
   background-color: rgba(0, 0, 0, 0.5019607843);
   padding: 5px 10px;
   width: 250px;
@@ -1317,7 +1318,7 @@ footer {
 .bookmarks-dropdown {
   background-color: #503250;
   border: 1px solid black;
-  border-radius: 4px;
+  border-radius: 8px;
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
   position: absolute;
   margin: 0;
@@ -1335,7 +1336,7 @@ footer {
   margin: 10px 0;
   cursor: pointer;
   border: 1px solid black;
-  border-radius: 4px;
+  border-radius: 8px;
   color: #e6e6e6;
   background-color: #3c283c;
 }
diff --git a/data/static/css/theme-peachy.css b/data/static/css/theme-peachy.css
index 5ad4b9c..0a84b4b 100644
--- a/data/static/css/theme-peachy.css
+++ b/data/static/css/theme-peachy.css
@@ -1190,6 +1190,7 @@ ul.horizontal li, ol.horizontal li {
   box-sizing: border-box;
   border: 1px solid black;
   margin: 6px 3px;
+  overflow: hidden;
 }
 
 .accordion.hidden {
@@ -1430,10 +1431,3 @@ footer {
   border: none;
   text-align: center;
 }
-
-.darkbg {
-  color: white;
-}
-.darkbg a {
-  color: white;
-}
diff --git a/sass/_default.scss b/sass/_default.scss
index 4d110d2..1aca31c 100644
--- a/sass/_default.scss
+++ b/sass/_default.scss
@@ -475,12 +475,12 @@ $inline_code_padding: $SMALL_PADDING $MEDIUM_PADDING !default;
   white-space: pre;
 }
 
-$dialogs-padding: $ZERO_PADDING !default;
-$dialogs-border-radius: $DEFAULT_BORDER_RADIUS !default;
+$dialogs_padding: $ZERO_PADDING !default;
+$dialogs_border_radius: $DEFAULT_BORDER_RADIUS !default;
 $dialog_border: 2px solid black !default;
 #delete-dialog, .lightbox-dialog {
-  padding: $dialogs-padding;
-  border-radius: $dialogs-border-radius;
+  padding: $dialogs_padding;
+  border-radius: $dialogs_border_radius;
   border: $dialog_border;
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
 }
@@ -1116,7 +1116,7 @@ $accordion_margin: $MEDIUM_PADDING $SMALL_PADDING !default;
   box-sizing: border-box;
   border: $accordion_border;
   margin: $accordion_margin;
-  // overflow: hidden;
+  overflow: hidden; // for border-radius clipping
 }
 
 .accordion.hidden {
diff --git a/sass/otomotone.scss b/sass/otomotone.scss
index 28a8315..be5ac04 100644
--- a/sass/otomotone.scss
+++ b/sass/otomotone.scss
@@ -30,6 +30,8 @@ $crit: #d53232;
   $BUTTON_CRITICAL_FONT_COLOR: $fc,
   $ACCORDION_COLOR: #7d467d,
 
+  $DEFAULT_BORDER_RADIUS: 8px,
+
   $bottomnav_color: $dark_accent,
 
   $topic_info_background: $dark_accent,
diff --git a/sass/peachy.scss b/sass/peachy.scss
index de51d42..58a714c 100644
--- a/sass/peachy.scss
+++ b/sass/peachy.scss
@@ -88,11 +88,3 @@ footer {
   border: none;
   text-align: center;
 }
-
-.darkbg {
-  color: white;
-
-  & a {
-    color: white;
-  }
-}