I thought I'd share these style sheets I threw together modeled after Ethan Schoonover's Solarized theme, available on almost every text editor out there. It' s visually appealing and designed to be easy to read. There's a dark version and a light version. The various colors are intended to be used for syntax highlighting, but I thought they'd work well for differentiating heading levels. I'll put them in as comments below.
-
Quickly, before Matthew pulls the plug...
-
Oh, the injustice! Caught by the "new user" timeout, after all these years.
Solarized Dark Style:
body {
font: medium "Verdana";
font-size:18px;
background: #002b36;
color: #93a1a1;
margin:0;
}h1 {
font-weight: bold;
font-size: 20px;
color: #cb4b16;
}h2 {
font-weight: bold;
font-size: 18px;
color: #b58900;
}h3 {
font-weight: bold;
font-size: 18px;
color: #859900;
}#info {
font: medium Arial;
background: #CFCFCF;
font-size: 12px;
padding-left: 4px;
margin-bottom: 0px;
padding-top: 2px;
padding-bottom: 2px;
height: 14px;
}.highlight {
background-color: yellow;
}.highlight-selected {
background-color: #dc322f;
}#contents {
margin-top: 0px;
padding-left: 8px;
padding-right: 8px;
}table {
margin: 1em;
border-collapse: collapse;
width: 90%;
}td, th {
padding: .3em;
border: 1px #ccc solid;
}thead {
background: #ccc;
}a {
text-decoration: none;
}a.wiki-link {
text-decoration: underline;
border-bottom: none;
color: #268bd2;
}a.missing-wiki-link {
color: #dc322f;
}html {
-webkit-text-size-adjust: none;
}ul {
line-height: 1.3
}
li {
padding:0.5em 0;
} -
Solarized Light Style:
body {
font: medium "Verdana";
font-size:18px;
background: #fdf6e3;
color: #586e75;
margin:0;
}h1 {
font-weight: bold;
font-size: 20px;
color: #d33682;
}h2 {
font-weight: bold;
font-size: 18px;
color: #6c71c4;
}h3 {
font-weight: bold;
font-size: 18px;
color: #2aa198;
}#info {
font: medium Arial;
background: #CFCFCF;
font-size: 12px;
padding-left: 4px;
margin-bottom: 0px;
padding-top: 2px;
padding-bottom: 2px;
height: 14px;
}.highlight {
background-color: yellow;
}.highlight-selected {
background-color: #dc322f;
}#contents {
margin-top: 0px;
padding-left: 8px;
padding-right: 8px;
}table {
margin: 1em;
border-collapse: collapse;
width: 90%;
}td, th {
padding: .3em;
border: 1px #ccc solid;
}thead {
background: #ccc;
}a {
text-decoration: none;
}a.wiki-link {
text-decoration: underline;
border-bottom: none;
color: #268bd2;
}a.missing-wiki-link {
color: #dc322f;
}html {
-webkit-text-size-adjust: none;
}ul {
line-height: 1.3
}
li {
padding:0.5em 0;
} -
Thanks! These both look great. I'll be using the light one at the moment.
This is the kind of stuff I'm going to miss about having a forum. The new forum never amounted to anything and the old forum wasn't even left up for archival purposes, but there's a lot of potential for things like this. I still use the journal mod someone made, and a random password generator, highlighting @actions via a script, collapsing text, and so many other things I got from the old forum. Trunk Notes wouldn't have even a quarter of the utility it has to me now if it weren't for the help of other users and their wonderful developments made with the tools it provides.
Since Trunk Notes is a do it yourself environment, having others to share with makes it a lot more versatile because we don't all have the time or the knowledge to make everything you could potentially do with this app. I'd push for at least having the old forum up in some kind of read-only archive, as there was a lot of gold there that can at present no longer be mined. It's such a waste to just throw that out. I completely get not wanting to devote time to monitoring or maintaining a forum, but giving users a space among themselves with that information, even if you didn't have the time to look into it yourself and made note of that on the forum, would make the app a lot more useful to a lot more people.
-
Come to think of it, the light theme in particular would be a much better default them for trunk notes than the current one. If anything comes of this thread, and for the app itself, let it be that. The default theme is relatively ugly by iOS standards. Completely customizable, but seeing it in the screenshots I imagine is enough to frighten many off from trying it. Make it easier for people to like and get into the app.