forked from cheeaun/neat-bookmarks
-
Notifications
You must be signed in to change notification settings - Fork 61
Custom CSS Styles
Stefan Koshy edited this page Sep 25, 2019
·
12 revisions
Simply copy and paste this code in the Custom Styles section of the Neater Bookmarks Options page.
Simpler theme (by xendke):
input {
outline: none;
}
img[src="folder.png"] {
display: none;
}
#tree {
padding: 5px 5px;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background:transparent;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #ccc;
background: rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0);
}
@-webkit-keyframes blueFade {
0% {
background-color: transparent;
}
10%{
background-color: #DCDCDC;
}
100% {
background-color: transparent;
}
}
#results ul li a:active,
#results ul li a.active,
#results ul li a:focus,
#tree ul li a:active,
#tree ul li span:active,
#tree ul li a.active,
#tree ul li span.active,
#tree ul li a:focus,
#tree ul li span:focus,
menu[type=context] command:focus{
color: #fff;
background-color: #585858;
background-image: none;
-webkit-box-shadow: 0 -1px #5594d2;
text-shadow: 0 0 rgba(255,255,255,.5), 0 1px rgba(0,0,0,.5);
outline: 0;
}
Custom Google-style scrollbars in popup (by evanshultz):
::-webkit-scrollbar {
width: 9px;
background: #eee;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.2);
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.07);
border-left: 1px solid rgba(0,0,0,0.1);
}
Larger font size (by cheeaun):
body, #search input, #edit-dialog input {font-size: 14px;}
.dialog-text {font-size: 15px;}
Dark theme (by skoshy):
body {
background: #333;
}
#search input {
background: #555;
border: 0;
padding: 5px;
color: #eee;
}
#search input::placeholder {
color: #aaa;
}
#results ul li a, #tree ul li a, #tree ul li span {
text-shadow: none;
color: white;
}
#tree ul a img:not([src="folder.png"]) {
background: #999;
border: 1px solid #aaa;
border-radius: 4px;
transition: background ease-in-out 100ms;
}
#tree ul a:hover > img:not([src="folder.png"]),
#tree ul a:focus > img:not([src="folder.png"])
{
background: #fff;
}