forked from mirrors/treebird
More dark theme stuff
FossilOrigin-Name: 64e46e1bd6ba5362c90cd5ba2c1da60efbcc3f7aff0d054b2745bb8297eca2cc
This commit is contained in:
parent
6a8802adae
commit
f078d16523
4 changed files with 113 additions and 24 deletions
52
dist/treebird-dark.css
vendored
52
dist/treebird-dark.css
vendored
|
@ -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
46
dist/treebird.css
vendored
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue