Update themes Dark and Flat (notifications and icons)

p/themes/Dark/freshrss.css

@@ -564,7 +564,7 @@
 	}
 
 /*** NOTIFICATION ***/
-#notification {
+.notification {
 	position: absolute;
 	top: 10px;
 	left: 25%; right: 25%;
@@ -580,10 +580,10 @@
 	font-weight: bold;
 	z-index: 10;
 }
-	#notification.closed {
+	.notification.closed {
 		display: none;
 	}
-	#notification a.close {
+	.notification a.close {
 		position: absolute;
 		top: -10px; right: -10px;
 		display: inline-block;
@@ -600,25 +600,16 @@
 	display: none;
 }
 
-.actualizeProgress {
+#actualizeProgress {
 	position: fixed;
-	top: 10px;
-	left: 25%; right: 25%;
-	padding: 5px;
-	background: #1a1a1a;
-	text-align: center;
-	border: 1px solid #2f2f2f;
-	border-radius: 5px;
 }
-	.actualizeProgress progress {
-		max-width: 100%;
-		vertical-align: middle;
-	}
-	.actualizeProgress .progress {
-		color: #888;
-		font-size: 90%;
-		vertical-align: middle;
-	}
+#actualizeProgress progress {
+	max-width: 100%;
+	vertical-align: middle;
+}
+#actualizeProgress .progress {
+	vertical-align: middle;
+}
 
 .logs {
 	border: 1px solid #aaa;
@@ -776,8 +767,8 @@ select.number option {
 		text-shadow: none;
 	}
 
-	#notification,
-	.actualizeProgress {
+	.notification,
+	#actualizeProgress {
 		top: 0;
 		left: 0;
 		right: 0;
@@ -785,7 +776,7 @@ select.number option {
 		border: none;
 		border-bottom: 1px solid #f4f899;
 	}
-	#notification a.close {
+	.notification a.close {
 		left: 0; right: 0;
 		top: 0; bottom: 0;
 		width: auto;
@@ -793,7 +784,7 @@ select.number option {
 		background: transparent;
 		border: none;
 	}
-	#notification a.close .icon {
+	.notification a.close .icon {
 		display: none;
 	}
 }

p/themes/Flat/freshrss.css

@@ -567,7 +567,7 @@ body {
 	}
 
 /*** NOTIFICATION ***/
-#notification {
+.notification {
 	position: absolute;
 	top: 10px;
 	left: 25%; right: 25%;
@@ -581,18 +581,18 @@ body {
 	font-weight: bold;
 	z-index: 10;
 }
-	#notification.closed {
+	.notification.closed {
 		display: none;
 	}
-	#notification.good {
+	.notification.good {
 		background: #1abc9c;
 		color: #fff;
 	}
-	#notification.bad {
+	.notification.bad {
 		background: #e74c3c;
 		color: #fff;
 	}
-	#notification a.close {
+	.notification a.close {
 		position: absolute;
 		top: -6px; right: -6px;
 		display: inline-block;
@@ -602,10 +602,10 @@ body {
 		border-radius: 3px;
 		line-height: 16px;
 	}
-		#notification.good a.close {
+		.notification.good a.close {
 			background: #1abc9c;
 		}
-		#notification.bad a.close {
+		.notification.bad a.close {
 			background: #e74c3c;
 		}
 
@@ -613,28 +613,16 @@ body {
 	display: none;
 }
 
-.actualizeProgress {
+#actualizeProgress {
 	position: fixed;
-	top: 10px;
-	left: 25%; right: 25%;
-	padding: 5px;
-	background: #3498db;
-	color: #fff;
-	text-align: center;
-	border-radius: 3px;
-	font-weight: bold;
 }
-	.actualizeProgress progress {
-		max-width: 100%;
-		width: 250px;
-		height: 15px;
-		vertical-align: middle;
-		background: #fff;
-		border: none;
-	}
-	.actualizeProgress .progress {
-		color: #ecf0f1;
-	}
+#actualizeProgress progress {
+	max-width: 100%;
+	vertical-align: middle;
+}
+#actualizeProgress .progress {
+	vertical-align: middle;
+}
 
 .logs {
 	border: 1px solid #34495e;
@@ -794,16 +782,15 @@ select.number option {
 		text-shadow: none;
 	}
 
-	#notification,
-	.actualizeProgress {
+	.notification {
 		top: 0;
 		left: 0;
 		right: 0;
 		border-radius: 0;
 	}
-	#notification a.close,
-	#notification.good a.close,
-	#notification.bad a.close {
+	.notification a.close,
+	.notification.good a.close,
+	.notification.bad a.close {
 		left: 0; right: 0;
 		top: 0; bottom: 0;
 		width: auto;
@@ -811,7 +798,7 @@ select.number option {
 		background: transparent;
 		border: none;
 	}
-	#notification a.close .icon {
+	.notification a.close .icon {
 		display: none;
 	}
 }

p/themes/Flat/icons/view-global.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g transform="translate(-61-867)" fill="#fff" color="#000"><rect height="2" rx=".385" ry=".379" width="2" x="64" y="870"/><rect height="2" rx=".385" ry=".379" width="2" x="68" y="870"/><rect height="2" rx=".385" ry=".379" width="2" x="72" y="870"/><rect height="2" rx=".385" ry=".379" width="2" x="64" y="874.02"/><rect height="2" rx=".385" ry=".379" width="2" x="68" y="874.02"/><rect height="2" rx=".385" ry=".379" width="2" x="72" y="874.02"/><rect height="2" rx=".385" ry=".379" width="2" x="64" y="878"/><rect height="2" rx=".385" ry=".379" width="2" x="68" y="878"/><rect height="2" rx=".385" ry=".379" width="2" x="72" y="878"/></g></svg>

p/themes/Flat/icons/view-normal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g transform="translate(-40-746)" fill="#fff" color="#fff"><path d="m43 749h10v2h-10z"/><path d="m43 753h10v2h-10z"/><path d="m43 757h10v2h-10z"/></g></svg>

p/themes/Flat/icons/view-reader.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g transform="translate(-181-867)" fill="#fff" color="#fff"><path d="m 181,868 0,1 0,11 0,1 1,0 5,0 c 0.1754,0 0.52538,0.15166 0.8125,0.34375 0.28712,0.19209 0.46875,0.375 0.46875,0.375 L 189,882.4375 l 0.71875,-0.75 c 0,0 0.8963,-0.6875 1.28125,-0.6875 l 5,0 1,0 0,-1 0,-11 0,-1 -1,0 -5,0 c -0.87652,0 -1.56017,0.34756 -2.03125,0.6875 -0.0301,-0.0207 -0.031,-0.0105 -0.0625,-0.0312 C 188.44557,868.35254 187.82811,868 187,868 l -5,0 -1,0 z m 2,2 4,0 c 0.13821,0 0.51476,0.14746 0.8125,0.34375 0.29774,0.19629 0.5,0.375 0.5,0.375 l 0.71875,0.6875 0.6875,-0.71875 c 0,0 0.89975,-0.6875 1.28125,-0.6875 l 4,0 0,9 -4,0 c -0.87693,0 -1.56008,0.34735 -2.03125,0.6875 -0.0196,-0.0135 -0.011,-0.0177 -0.0312,-0.0312 C 188.47725,879.34834 187.83512,879 187,879 l -4,0 0,-9 z"/><g transform="scale(-1 1)"><rect height="2" rx=".375" width="3" x="-187" y="872"/><rect height="2" rx=".375" width="3" x="-187" y="875"/><rect height="2" rx=".375" width="3" x="-194" y="872"/><rect height="2" rx=".375" width="3" x="-194" y="875"/></g></g></svg>