diff --git a/html/content.css b/html/content.css
index afcb4e4..2b1d0b3 100644
--- a/html/content.css
+++ b/html/content.css
@@ -25,14 +25,12 @@ html, body {
body {
background: #eee;
font-family: sans-serif;
- padding: 2em;
- font-weight: lighter;
word-wrap: break-word;
}
.nightmode {
- background: #111;
- color: #aaa;
+ background: #353535;
+ color: #ddd;
}
.nightmode::-webkit-scrollbar {
@@ -51,32 +49,28 @@ body {
}
h1 {
- font-weight: lighter;
font-size: 1.4em;
margin: 0;
padding: 0;
}
-#date {
- border-bottom: 1px solid #aaa;
- margin-bottom: 1em;
- padding-bottom: 1em;
- display: block;
-}
-
-.nightmode #date {
- border-bottom-color: #333;
-}
-
.starred:after {
content: "*";
}
+header {
+ padding: 2em;
+ border-bottom: 1px solid #aaa;
+}
+
+.nightmode header {
+ border-bottom-color: #222;
+}
+
header p {
- color: #aaa;
+ color: #666;
margin: 0;
padding: 0;
- font-size: 0.8em;
}
.nightmode header p {
@@ -90,6 +84,7 @@ a {
article {
line-height: 1.6;
+ margin: 2em;
}
article a {
diff --git a/qml/PostListItem.qml b/qml/PostListItem.qml
index e0c3d20..63bf813 100644
--- a/qml/PostListItem.qml
+++ b/qml/PostListItem.qml
@@ -33,7 +33,7 @@ Item {
}
id: item
- height: d.height + t.height + e.height + 20
+ height: d.height + t.height + e.height + 2
Item {
anchors.fill: parent
@@ -81,7 +81,7 @@ Item {
Label {
id: t
text: title
- color: nightmode ? (read ? "#555" : "#aaa") : (read ? "gray" : "black")
+ color: nightmode ? (read ? "#888" : "#ddd") : (read ? "gray" : "black")
font.pointSize: textFontSize
textFormat: Text.PlainText
wrapMode: Text.WrapAnywhere
diff --git a/qml/Sidebar.qml b/qml/Sidebar.qml
index ee7d762..84de4cb 100644
--- a/qml/Sidebar.qml
+++ b/qml/Sidebar.qml
@@ -55,6 +55,14 @@ ScrollView {
}
}
+ Rectangle {
+ width: 1
+ color: app.nightmode ? "#111" : "lightgray"
+ anchors.right: parent.right
+ anchors.top: parent.top
+ height: parent.height
+ }
+
ListView {
id: listView
@@ -74,12 +82,12 @@ ScrollView {
highlightFollowsCurrentItem: false
highlight: Component {
Rectangle {
- width: listView.currentItem.width
+ width: listView.currentItem.width -1
height: listView.currentItem.height
- color: nightmode ? "#444" : "lightblue"
- opacity: 0.5
+ color: nightmode ? "#15539e" : "lightblue"
y: listView.currentItem.y
}
+
}
onCurrentItemChanged: {
diff --git a/qml/main.qml b/qml/main.qml
index 1f6409f..ca06500 100644
--- a/qml/main.qml
+++ b/qml/main.qml
@@ -29,7 +29,7 @@ ApplicationWindow {
id: app
title: "FeedTheMonkey"
visible: true
- color: nightmode ? "#111" : "#eee"
+ color: nightmode ? "#2d2d2d" : "#eee"
minimumWidth: 480
minimumHeight: 320