lichenblankie/tinyweb-forum
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

strip dark colors from FORUM_CSS, let theme handle input/button visuals

Browse source
This commit is contained in:
lichenblankie 2026-06-05 04:28:02 +00:00
parent 1d61af16a3
commit ac21d2bee9
1 changed files with 10 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

38
tinyweb_forum/handlers.py
View file

@ -21,23 +21,15 @@ FORUM_CSS = """
.forum-form { max-width: 500px; }
.forum-form input:not([type=checkbox]):not([type=radio]), .forum-form textarea {
width: 100%; box-sizing: border-box; padding: 10px 12px; margin-bottom: 12px;
background: rgba(8, 18, 22, 0.8); border: 1px solid rgba(40, 70, 65, 0.4);
border-radius: 4px; color: #90b4ac; font-size: 0.95rem;
transition: border-color 0.2s, box-shadow 0.3s;
font-size: 0.95rem;
}
.forum-form input:not([type=checkbox]):not([type=radio]):focus, .forum-form textarea:focus {
outline: none; border-color: rgba(80, 140, 110, 0.5); box-shadow: 0 0 18px rgba(100, 200, 150, 0.06);
outline: none;
}
.forum-form input[type=checkbox] { width: auto; margin: 0; }
.forum-form button {
padding: 10px 20px; margin-bottom: 12px;
background: rgba(10, 22, 25, 0.8); border: 1px solid rgba(40, 70, 65, 0.4);
border-radius: 4px; color: #5a7880; font-size: 0.88rem; cursor: pointer;
transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.3s;
}
.forum-form button:hover {
background: rgba(15, 35, 35, 0.8); color: #90b4ac;
border-color: rgba(80, 130, 110, 0.5); box-shadow: 0 0 12px rgba(100, 200, 150, 0.06);
cursor: pointer;
}
.forum-form textarea { font-family: ui-monospace, 'SF Mono', 'Cascadia Code', 'Segoe UI Mono', Menlo, Consolas, monospace; font-size: 0.85rem; line-height: 1.6; resize: vertical; }
.forum-form label.inline-label input { width: 60px; display: inline; }
@ -47,34 +39,24 @@ FORUM_CSS = """
.forum-form small { display: block; margin-bottom: 8px; }
.forum-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0.5rem 0; }
.forum-toolbar form { flex: 1; min-width: 160px; }
.forum-toolbar input[name=q] {
width: 100%; box-sizing: border-box; padding: 8px 12px;
background: rgba(8, 18, 22, 0.8); border: 1px solid rgba(40, 70, 65, 0.4);
border-radius: 4px; color: #90b4ac; font-size: 0.9rem;
transition: border-color 0.2s, box-shadow 0.3s;
}
.forum-toolbar input[name=q]:focus {
outline: none; border-color: rgba(80, 140, 110, 0.5); box-shadow: 0 0 18px rgba(100, 200, 150, 0.06);
}
.forum-toolbar input[name=q] { width: 100%; box-sizing: border-box; padding: 8px 12px; font-size: 0.9rem; }
.forum-toolbar input[name=q]:focus { outline: none; }
.forum-toolbar-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.forum-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0.5rem 0; }
a.forum-action, a.forum-action-inline {
color: #5a7880; text-decoration: none; border-bottom: none; font-size: 0.88rem;
padding: 8px 14px; border: 1px solid rgba(40, 70, 65, 0.3); border-radius: 4px;
text-decoration: none; border-bottom: none; font-size: 0.88rem;
padding: 8px 14px;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
a.forum-action:hover, a.forum-action-inline:hover { color: #90b4ac; border-color: rgba(80, 130, 110, 0.5); background: rgba(10, 22, 25, 0.6); }
a.forum-action-inline { padding: 2px 6px; border: none; }
a.forum-action-inline:hover { border: none; }
p.meta { font-size: 0.85rem; color: #3a5560; }
p.meta { font-size: 0.85rem; }
.forum-list { list-style: none; padding-left: 0; }
.forum-list li { padding: 0.8rem 0; border-bottom: 1px solid rgba(30, 55, 50, 0.2); }
.forum-list li { padding: 0.8rem 0; border-bottom: 1px solid; }
.forum-list li:last-child { border-bottom: none; }
.forum-list .thread-title { margin-bottom: 0.15rem; }
.forum-list .thread-meta { font-size: 0.78rem; color: #3a5560; }
.forum-list .thread-meta { font-size: 0.78rem; }
.forum-list a { border-bottom: none; }
.forum-form input[type=text], .forum-form input[type=url] { font-family: inherit; }
.forum .post { border-left-color: rgba(40, 70, 65, 0.3); }
</style>"""