More dark theme stuff

FossilOrigin-Name: 64e46e1bd6ba5362c90cd5ba2c1da60efbcc3f7aff0d054b2745bb8297eca2cc
This commit is contained in:
nekobit 2022-07-09 07:20:36 +00:00
parent 6a8802adae
commit f078d16523
4 changed files with 113 additions and 24 deletions

View file

@ -120,13 +120,21 @@ a, a:visited, a:hover, a:active
}
.statusbox textarea,
input[type=textbox]
input[type=text]
{
background-color: #444;
border-color: #666;
color: #fff;
}
.status.focused,
.status:target
{
padding-left: 7px;
background-color: #371b1b;
border-left: 3px solid #aa0000;
}
input[type=submit]
{
border-color: #666;
@ -205,9 +213,14 @@ select
border-color: #454545;
}
.in-reply-to-id
.in-reply-to svg
{
color: #6c6c6c;
stroke: #8c8c8c;
}
.in-reply-to, .in-reply-to a
{
color: #8c8c8c;
}
.group-inputbox
@ -215,4 +228,37 @@ select
border-color: #707070;
}
#instance-panel
{
background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #303030 10px, #303030 20px);
border-top: 1px dashed #505050;
border-bottom: 1px dashed #505050;
}
ul.large-list
{
border: 1px solid #404040;
}
.lists-view-container ul li:not(:last-child)
{
border-bottom: 1px solid #505050;
}
ul.large-list li .edit-list-btn
{
background: linear-gradient(#606060, #505050);
color: #fff;
border-left: 1px solid #404040;
}
.list-edit-content
{
background-color: #404040;
border-top: #404040;
}
.static.focused .poster-stats .alignend, .status:target .poster-stats .alignend
{
background-color: #371b1b;
}

46
dist/treebird.css vendored
View file

@ -45,7 +45,7 @@ ul
margin-left: auto;
margin-right: auto;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(200, 200, 200, 0.7);
border: 1px solid rgba(200, 200, 200, 0.5);
border-radius: 5px;
overflow: hidden;
}
@ -1391,6 +1391,48 @@ p}
min-width: 25px !important;
}
.statusbox .post-group
{
display: inline-block;
vertical-align: middle;
margin-left: 1px;
}
.statusbox .post-group .visibility-icon
{
display: inline-block;
width: 24px;
height: 24px;
border-radius: 4px;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.statusbox .post-group .visibility-icon:hover
{
background-color: #d3d3d3;
}
.statusbox .post-group input[type=radio].hidden:checked + .visibility-icon svg
{
stroke: #000;
}
.statusbox .post-group .visibility-icon svg
{
position: relative;
top: 4px;
width: 16px;
height: 16px;
stroke: #7a7a7a;
}
.statusbox .post-group .visibility-icon.vis-direct svg
{
top: 5px;
}
.notification-compact .status-interact .statbtn
{
min-width: 0px !important;
@ -1714,7 +1756,7 @@ input[type=radio].hidden:not(:checked) + .emoji-picker-emojos
ul.large-list
{
width: 500px;
border-radius: 15px;
border-radius: 5px;
background-color: #f8f8f8;
border: 1px solid #cacaca;
padding: 0;

View file

@ -29,7 +29,7 @@
{{ %s : sidebar_cnt }}
<!-- Searchbox -->
<form action="{{ %s : prefix }}/search" method="get">
<input type="textbox" class="group group-left group-inputbox" placeholder="{{ %s : placeholder }}" id="searchbox" name="q"><!-- i hate HTML
<input type="text" class="group group-left group-inputbox" placeholder="{{ %s : placeholder }}" id="searchbox" name="q"><!-- i hate HTML
--><input type="submit" class="btn group group-right" value="{{ %s : search_btn }}">
</form>
</div>

View file

@ -4,52 +4,53 @@
<textarea name="content" placeholder="Just landed in N.Y." rows="5" tabindex="1">{{%s:content}}</textarea>
<div class="statusfooter">
<div class="statusfooter-left">
<select tabindex="3" name="visibility" id="visibility">
<option value="public">Public</option>
<option value="unlisted">Unlisted</option>
<option value="private">Private</option>
<option value="direct">Direct</option>
<option value="local">Local</option>
<!-- TODO generate lists -->
<select tabindex="3" name="contenttype" class="content-type">
<option value="plaintext">Plain</option>
<option value="markdown">Markdown</option>
<option value="html">HTML</option>
<option value="bbcode">BBCode</option>
</select>
<div class="post-group">
<!-- Local -->
<label for="vis-check-local">
<input type="checkbox" id="vis-check-local" name="visibility" value="local" class="hidden">
<label>
<input type="radio" name="visibility" value="local" class="hidden">
<div class="visibility-icon vis-local">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9"/><path d="M9 22V12h6v10M2 10.6L12 2l10 8.6"/></svg>
</div>
</label>
<!-- Direct -->
<label for="vis-check-direct">
<input type="checkbox" id="vis-check-direct" name="visibility" value="direct" class="hidden">
<label>
<input type="radio" name="visibility" value="direct" class="hidden">
<div class="visibility-icon vis-direct">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
</div>
</label>
<!-- Private -->
<label for="vis-check-private">
<input type="checkbox" id="vis-check-private" name="visibility" value="private" class="hidden">
<label>
<input type="radio" name="visibility" value="private" class="hidden">
<div class="visibility-icon vis-private">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
</div>
</label>
<!-- Unlisted -->
<label for="vis-check-unlisted">
<label>
<input type="radio" name="visibility" value="unlisted" class="hidden">
<div class="visibility-icon vis-unlisted">
<input type="checkbox" id="vis-check-unlisted" name="visibility" value="public" class="hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>
</div>
</label>
<!-- Public -->
<label for="vis-check-public">
<label>
<input type="radio" name="visibility" value="public" class="hidden" checked>
<div class="visibility-icon vis-public">
<input type="checkbox" id="vis-check-public" name="visibility" value="" class="hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
</div>
</label>
</div>
<input type="file" name="file" tabindex="4" multiple>
<label>
<input type="file" name="file" class="hidden" tabindex="4" multiple>
<div class="file-upload-btn"></div>
</label>
</div>
<div class="statusfooter-right">
<input type="submit" value="Post" tabindex="2" class="btn post-btn">