summaryrefslogtreecommitdiff
path: root/public/theme
diff options
context:
space:
mode:
Diffstat (limited to 'public/theme')
-rw-r--r--public/theme/freshrss.css452
-rw-r--r--public/theme/global.css (renamed from public/theme/base.css)449
-rw-r--r--public/theme/icons/category.svg31
-rw-r--r--public/theme/icons/rss.svg32
-rw-r--r--public/theme/icons/share.svg34
5 files changed, 587 insertions, 411 deletions
diff --git a/public/theme/freshrss.css b/public/theme/freshrss.css
new file mode 100644
index 000000000..ed6646269
--- /dev/null
+++ b/public/theme/freshrss.css
@@ -0,0 +1,452 @@
+/* STRUCTURE */
+.header {
+ display: table;
+ width: 100%;
+ background: #f4f4f4;
+ table-layout: fixed;
+}
+ .header > .item {
+ display: table-cell;
+ padding: 10px 0;
+ border-bottom: 1px solid #aaa;
+ vertical-align: middle;
+ text-align: center;
+ }
+ .header > .item.title {
+ width: 250px;
+ }
+ .header > .item.title h1 {
+ margin: 0;
+ text-shadow: 1px -1px 0 #ccc;
+ }
+ .header > .item.title a:hover {
+ text-decoration: none;
+ }
+ .header > .item.search input {
+ width: 200px;
+ transition: all 200ms linear;
+ }
+ .header .item.search input:focus {
+ width: 300px;
+ }
+ .header > .item.configure {
+ width: 100px;
+ }
+
+#global {
+ display: table;
+ width: 100%;
+ height: 100%;
+ background: #fafafa;
+ table-layout: fixed;
+}
+ .aside {
+ display: table-cell;
+ height: 100%;
+ width: 250px;
+ vertical-align: top;
+ border-right: 1px solid #aaa;
+ background: #fff;
+ }
+ .aside .nav-form input {
+ width: 180px;
+ }
+ .aside.aside_flux {
+ padding: 10px 0;
+ }
+ .aside.aside_feed .nav-form input {
+ width: 140px;
+ }
+ .aside.aside_feed .nav-form .dropdown .dropdown-menu {
+ right: -20px;
+ }
+
+ .nav_menu {
+ width: 100%;
+ background: #fafafa;
+ border-bottom: 1px solid #aaa;
+ text-align: center;
+ padding: 5px 0;
+ }
+
+.favicon {
+ width: 16px;
+}
+
+.categories {
+ margin: 0;
+ padding: 0;
+ text-align: center;
+ list-style: none;
+}
+ .categories .all,
+ .categories .favorites,
+ .categories .category {
+ display: block;
+ padding: 5px 0;
+ width: 220px;
+ margin: 5px auto;
+ text-align: left;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+ .categories .all .btn,
+ .categories .favorites .btn,
+ .categories .category .btn:first-child {
+ width: 195px;
+ position: relative;
+ }
+ .categories .feeds {
+ width: 220px;
+ margin: 0 auto;
+ list-style: none;
+ }
+ .categories .feeds .item.active:after {
+ content: "⇢";
+ line-height: 35px;
+ float: right;
+ }
+ .categories .feeds .item .feed {
+ display: inline-block;
+ margin: 0;
+ width: 165px;
+ line-height: 35px;
+ font-size: 90%;
+ vertical-align: middle;
+ text-align: left;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+ .categories .feeds .dropdown .dropdown-menu {
+ left: 0;
+ }
+ .categories .feeds .item .dropdown-toggle i {
+ background-image: none;
+ }
+ .categories .feeds .item .dropdown-target:target ~ .dropdown-toggle i,
+ .categories .feeds .item:hover .dropdown-toggle i {
+ background-image: url("icons/configure.svg");
+ }
+ .categories .notRead {
+ position: absolute;
+ top: 3px; right: 3px;
+ padding: 1px 5px;
+ background: #ccc;
+ color: #fff;
+ font-size: 90%;
+ border: 1px solid #bbb;
+ border-radius: 5px;
+ box-shadow: 1px 3px 3px #aaa inset;
+ text-shadow: 0 0 1px #aaa;
+ }
+
+.post {
+ padding: 10px 50px;
+}
+ .post form {
+ margin: 10px 0;
+ }
+
+.day {
+ min-height: 50px;
+ padding: 0 10px;
+ font-size: 130%;
+ font-weight: bold;
+ line-height: 50px;
+ background: #fff;
+ border-top: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+}
+ .day:first-child {
+ border-top: none;
+ }
+
+.flux {
+ border-left: 10px solid #aaa;
+ background: #fafafa;
+}
+ .flux:hover {
+ background: #fff;
+ }
+ .flux.active {
+ border-left: 10px solid #0062BE;
+ background: #fff;
+ }
+ .flux.not_read {
+ border-left: 10px solid #FF5300;
+ background: #FFF3ED;
+ }
+ .flux.favorite {
+ border-left: 10px solid #FFC300;
+ background: #FFF6DA;
+ }
+
+ .flux_header {
+ height: 25px;
+ font-size: 12px;
+ line-height: 25px;
+ border-top: 1px solid #ddd;
+ }
+ .flux_header .item.manage {
+ width: 60px;
+ white-space: nowrap;
+ font-size: 0px;
+ text-align: center;
+ }
+ .flux_header .item.manage .read {
+ display: inline-block;
+ width: 30px;
+ height: 40px;
+ background: url("icons/read.svg") center center no-repeat;
+ vertical-align: middle;
+ }
+ .flux_header .item.manage .read:hover {
+ text-decoration: none;
+ }
+ .flux.not_read .flux_header .item.manage .read {
+ background: url("icons/unread.svg") center center no-repeat;
+ }
+ .flux_header .item.manage .bookmark {
+ display: inline-block;
+ width: 30px;
+ height: 40px;
+ background: url("icons/non-starred.svg") center center no-repeat;
+ vertical-align: middle;
+ }
+ .flux_header .item.manage .bookmark:hover {
+ text-decoration: none;
+ }
+ .flux.favorite .flux_header .item.manage .bookmark {
+ background: url("icons/starred.svg") center center no-repeat;
+ }
+ .flux_header .item.website {
+ width: 200px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ line-height: 40px;
+ }
+ .flux_header .item.website a {
+ display: block;
+ padding: 0 5px;
+ height: 40px;
+ }
+ .flux_header .item.title {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ cursor: pointer;
+ }
+ .flux.not_read .flux_header .item.title {
+ font-weight: bold;
+ }
+ .flux_header .item.date {
+ width: 200px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ text-align: right;
+ font-size: 10px;
+ color: #666;
+ cursor: pointer;
+ }
+ .flux_header .item.link {
+ width: 35px;
+ text-align: center;
+ }
+ .flux_header .item.link a {
+ display: inline-block;
+ width: 35px;
+ height: 40px;
+ background: url("icons/link.svg") center center no-repeat;
+ vertical-align: middle;
+ }
+ .flux_header .item.link a:hover {
+ text-decoration: none;
+ }
+
+.content {
+ max-width: 550px;
+ margin: 0 auto;
+ padding: 20px 10px;
+ line-height: 170%;
+ font-family: 'OpenSans';
+}
+ .content .title {
+ margin: 0 0 5px;
+ }
+ .content h1, .content h2, .content h3 {
+ margin: 20px 0 5px;
+ }
+
+ .content p {
+ margin: 0 0 20px;
+ }
+ .content img.big {
+ display: block;
+ margin: 10px auto;
+ }
+ .content pre {
+ width: 90%;
+ margin: 10px auto;
+ padding: 10px;
+ overflow: auto;
+ background: #666;
+ border: 1px solid #000;
+ color: #fafafa;
+ border-radius: 5px;
+ }
+ .content q, .content blockquote {
+ display: block;
+ margin: 5px 0;
+ padding: 5px 20px;
+ font-style: italic;
+ border-left: 4px solid #ccc;
+ color: #666;
+ }
+ .content blockquote p {
+ margin: 0;
+ }
+
+.flux_content .bottom {
+ font-size: 90%;
+ text-align: center;
+}
+
+/*** PAGINATION ***/
+.pagination {
+ display: table;
+ width: 100%;
+ margin: 0;
+ background: #fafafa;
+ text-align: center;
+ color: #333;
+ font-size: 80%;
+ line-height: 200%;
+ table-layout: fixed;
+}
+ .pagination .item {
+ display: table-cell;
+ padding: 5px 10px;
+ border-top: 1px solid #aaa;
+ }
+ .pagination .item a {
+ color: #333;
+ font-style: italic;
+ }
+ .pagination .pager-previous, .pagination .pager-next {
+ width: 200px;
+ }
+ .pagination .item.pager-current {
+ font-weight: bold;
+ }
+
+/*** NOTIFICATION ***/
+.notification {
+ position: fixed;
+ bottom: 0;
+ left: 5%; right: 5%;
+ min-height: 30px;
+ padding: 10px;
+ line-height: 30px;
+ text-align: center;
+ border-radius: 5px 5px 0 0;
+ box-shadow: 0 0 5px #666;
+ background: #ddd;
+ color: #666;
+ font-weight: bold;
+}
+ .notification.good {
+ background: #f4f899;
+ }
+ .notification.bad {
+ background: #f4a899;
+ }
+ .notification a.close {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ float: right;
+ margin: -20px -20px 0 0;
+ padding: 5px;
+ background: #fff;
+ border-radius: 50px;
+ border: 1px solid #aaa;
+ line-height: 16px;
+ }
+
+.toggle_aside, .btn.toggle_aside {
+ display: none;
+}
+
+.actualizeProgress {
+ position: fixed;
+ top: 0; left: 25%; right: 25%;
+ width: 50%;
+ padding: 5px;
+ background: #fff;
+ text-align: center;
+ border: 1px solid #ddd;
+ border-top: none;
+ border-radius: 0 0 5px 5px;
+}
+ .actualizeProgress progress {
+ max-width: 100%;
+ vertical-align: middle;
+ }
+ .actualizeProgress .progress {
+ color: #999;
+ font-size: 90%;
+ vertical-align: middle;
+ }
+
+@media(max-width: 840px) {
+ .header,
+ .aside .btn-important,
+ .aside .feeds .dropdown,
+ .flux_header .item.website span,
+ .flux_header .item.date,
+ .flux_content .bottom {
+ display: none;
+ }
+ .flux_header .item.website {
+ width: 30px;
+ text-align: center;
+ }
+ .pagination .pager-previous, .pagination .pager-next {
+ width: 100px;
+ }
+
+ .toggle_aside, .btn.toggle_aside {
+ display: inline-block;
+ }
+ .aside {
+ position: fixed;
+ top: 0; left: 0;
+ width: 0;
+ overflow: hidden;
+ z-index: 10;
+ transition: width 200ms linear;
+ }
+ .aside:target {
+ width: 80%;
+ overflow: auto;
+ }
+ .aside .toggle_aside {
+ position: absolute;
+ right: 0;
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ margin: 0 10px 0 0;
+ border: 1px solid #ccc;
+ border-radius: 10px;
+ text-align: center;
+ line-height: 20px;
+ }
+ .aside .categories {
+ margin: 30px 0;
+ }
+}
diff --git a/public/theme/base.css b/public/theme/global.css
index b2e47fd69..c08463b8b 100644
--- a/public/theme/base.css
+++ b/public/theme/global.css
@@ -69,6 +69,7 @@ label {
}
input, select, textarea {
display: inline-block;
+ max-width: 100%;
min-height: 25px;
padding: 5px;
background: #fdfdfd;
@@ -142,6 +143,9 @@ input, select, textarea {
.stick input:first-child {
border-radius: 3px 0 0 3px;
}
+ .stick .btn.btn-important:first-child {
+ border-right: 1px solid #06f;
+ }
.stick .btn:last-child,
.stick input:last-child {
border-radius: 0 3px 3px 0;
@@ -158,7 +162,6 @@ input, select, textarea {
.stick .btn + .dropdown > .btn {
border-left: none;
border-radius: 0 3px 3px 0;
- font-size: 0px;
}
.stick .btn + .dropdown a {
font-size: 12px;
@@ -295,6 +298,19 @@ input, select, textarea {
padding: 5px 10px;
}
+/* HORIZONTAL-LIST */
+.horizontal-list {
+ display: table;
+ table-layout: fixed;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+ .horizontal-list .item {
+ display: table-cell;
+ vertical-align: middle;
+ }
+
/* DROPDOWN */
.dropdown {
position: relative;
@@ -384,13 +400,27 @@ input, select, textarea {
border-radius: 5px;
color: #aaa;
text-shadow: 0 0 1px #eee;
- box-shadow: 1px 1px 3px #aaa inset;
}
.alert .alert-head {
margin: 0;
font-weight: bold;
font-size: 110%;
}
+ .alert.alert-warn {
+ background: #ffe;
+ border: 1px solid #eeb;
+ color: #c95;
+ }
+ .alert.alert-success {
+ background: #dfd;
+ border: 1px solid #cec;
+ color: #484;
+ }
+ .alert.alert-error {
+ background: #fdd;
+ border: 1px solid #ecc;
+ color: #844;
+ }
/* ICONES */
.icon {
@@ -455,415 +485,12 @@ input, select, textarea {
.icon.i_note_empty {
background-image: url("icons/note_empty.svg");
}
-
-/* STRUCTURE */
-.header {
- display: table;
- width: 100%;
- background: #f4f4f4;
- table-layout: fixed;
-}
- .header > .item {
- display: table-cell;
- padding: 10px 0;
- border-bottom: 1px solid #aaa;
- vertical-align: middle;
- text-align: center;
- }
- .header > .item.title {
- width: 250px;
- }
- .header > .item.title h1 {
- margin: 0;
- text-shadow: 1px -1px 0 #ccc;
- }
- .header > .item.title a:hover {
- text-decoration: none;
- }
- .header > .item.search input {
- width: 200px;
- transition: all 200ms linear;
- }
- .header .item.search input:focus {
- width: 300px;
- }
- .header > .item.configure {
- width: 100px;
- }
-
-#global {
- display: table;
- width: 100%;
- height: 100%;
- background: #fafafa;
- table-layout: fixed;
-}
- .aside {
- display: table-cell;
- height: 100%;
- width: 250px;
- vertical-align: top;
- border-right: 1px solid #aaa;
- background: #fff;
- }
- .aside .nav-form input {
- width: 180px;
- }
- .aside.aside_flux {
- padding: 10px 0;
- }
- .aside.aside_feed .nav-form input {
- width: 140px;
- }
- .aside.aside_feed .nav-form .dropdown .dropdown-menu {
- right: -20px;
- }
-
- .nav_menu {
- width: 100%;
- background: #fafafa;
- border-bottom: 1px solid #aaa;
- text-align: center;
- padding: 5px 0;
- }
-
-.favicon {
- width: 16px;
-}
-
-.categories {
- margin: 0;
- padding: 0;
- text-align: center;
- list-style: none;
-}
- .categories .all,
- .categories .favorites,
- .categories .category {
- display: block;
- padding: 5px 0;
- width: 220px;
- margin: 5px auto;
- text-align: left;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .categories .all .btn,
- .categories .favorites .btn,
- .categories .category .btn:first-child {
- width: 195px;
- position: relative;
- }
- .categories .feeds {
- width: 220px;
- margin: 0 auto;
- list-style: none;
- }
- .categories .feeds .item.active:after {
- content: "⇢";
- line-height: 35px;
- float: right;
- }
- .categories .feeds .item .feed {
- display: inline-block;
- margin: 0;
- width: 165px;
- line-height: 35px;
- font-size: 90%;
- vertical-align: middle;
- text-align: left;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .categories .feeds .dropdown .dropdown-menu {
- left: 0;
- }
- .categories .feeds .item .dropdown-toggle i {
- background-image: none;
- }
- .categories .feeds .item .dropdown-target:target ~ .dropdown-toggle i,
- .categories .feeds .item:hover .dropdown-toggle i {
- background-image: url("icons/configure.svg");
- }
- .categories .notRead {
- position: absolute;
- top: 3px; right: 3px;
- padding: 1px 5px;
- background: #ccc;
- color: #fff;
- font-size: 90%;
- border: 1px solid #bbb;
- border-radius: 5px;
- box-shadow: 1px 3px 3px #aaa inset;
- text-shadow: 0 0 1px #aaa;
- }
-
-.post {
- padding: 10px 50px;
-}
- .post form {
- margin: 10px 0;
- }
-
-.day {
- height: 50px;
- padding: 0 10px;
- font-size: 130%;
- font-weight: bold;
- line-height: 50px;
- background: #fff;
- border-top: 1px solid #aaa;
- border-bottom: 1px solid #aaa;
-}
- .day:first-child {
- border-top: none;
- }
-
-.flux {
- border-left: 10px solid #aaa;
- background: #fafafa;
-}
- .flux:hover {
- background: #fff;
- }
- .flux.active {
- border-left: 10px solid #0062BE;
- background: #fff;
- }
- .flux.not_read {
- border-left: 10px solid #FF5300;
- background: #FFF3ED;
- }
- .flux.favorite {
- border-left: 10px solid #FFC300;
- background: #FFF6DA;
+ .icon.i_category {
+ background-image: url("icons/category.svg");
}
-
- .flux_header {
- display: table;
- table-layout: fixed;
- margin: 0;
- padding: 0;
- width: 100%;
- height: 25px;
- font-size: 12px;
- line-height: 25px;
- border-top: 1px solid #ddd;
+ .icon.i_rss {
+ background-image: url("icons/rss.svg");
}
- .flux_header .item {
- display: table-cell;
- vertical-align: middle;
- }
- .flux_header .item.manage {
- width: 90px;
- white-space: nowrap;
- font-size: 0px;
- vertical-align: middle;
- text-align: center;
- }
- .flux_header .item.manage .read {
- display: inline-block;
- width: 30px;
- height: 35px;
- background: url("icons/read.svg") center center no-repeat;
- vertical-align: middle;
- }
- .flux_header .item.manage .read:hover {
- text-decoration: none;
- }
- .flux.not_read .flux_header .item.manage .read {
- background: url("icons/unread.svg") center center no-repeat;
- }
- .flux_header .item.manage .bookmark {
- display: inline-block;
- width: 30px;
- height: 35px;
- background: url("icons/non-starred.svg") center center no-repeat;
- vertical-align: middle;
- }
- .flux_header .item.manage .bookmark:hover {
- text-decoration: none;
- }
- .flux.favorite .flux_header .item.manage .bookmark {
- background: url("icons/starred.svg") center center no-repeat;
- }
- .flux_header .item.manage .note {
- display: inline-block;
- width: 30px;
- height: 35px;
- vertical-align: middle;
- line-height: 35px;
- font-size: 12px;
- }
- .flux_header .item.website {
- width: 200px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- line-height: 35px;
- }
- .flux_header .item.website a {
- display: block;
- padding: 0 5px;
- height: 35px;
- }
- .flux_header .item.title {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- cursor: pointer;
- }
- .flux_header .item.title h1 {
- font-size: 12px;
- margin: 0;
- font-weight: normal;
- }
- .flux.not_read .flux_header .item.title h1 {
- font-weight: bold;
- }
- .flux_header .item.date {
- width: 200px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- text-align: right;
- font-size: 10px;
- color: #666;
- cursor: pointer;
- }
- .flux_header .item.link {
- width: 35px;
- text-align: center;
- }
- .flux_header .item.link a {
- display: inline-block;
- width: 35px;
- height: 35px;
- background: url("icons/link.svg") center center no-repeat;
- vertical-align: middle;
- }
- .flux_header .item.link a:hover {
- text-decoration: none;
- }
-
-.content {
- max-width: 550px;
- margin: 0 auto;
- padding: 10px;
- line-height: 170%;
- font-family: 'OpenSans';
-}
- .content h1, .content h2, .content h3 {
- margin: 20px 0 5px;
- }
- .content p {
- margin: 0 0 20px;
- }
- .content img.big {
- display: block;
- margin: 10px 0;
- width: 100%;
- box-shadow: 0 0 5px #000;
- border-radius: 5px;
- }
- .content pre {
- width: 90%;
- margin: 10px auto;
- padding: 10px;
- overflow: auto;
- background: #666;
- border: 1px solid #000;
- color: #fafafa;
- border-radius: 5px;
+ .icon.i_share {
+ background-image: url("icons/share.svg");
}
- .content q, .content blockquote {
- display: block;
- margin: 5px 0;
- padding: 5px 20px;
- font-style: italic;
- border-left: 4px solid #ccc;
- color: #666;
- }
- .content blockquote p {
- margin: 0;
- }
-
-/*** PAGINATION ***/
-.pagination {
- display: table;
- width: 100%;
- margin: 0;
- background: #fafafa;
- text-align: center;
- color: #333;
- font-size: 80%;
- line-height: 200%;
- table-layout: fixed;
-}
- .pagination .item {
- display: table-cell;
- padding: 5px 10px;
- border-top: 1px solid #aaa;
- }
- .pagination .item a {
- color: #333;
- font-style: italic;
- }
- .pagination .pager-previous, .pagination .pager-next {
- width: 200px;
- }
- .pagination .item.pager-current {
- font-weight: bold;
- }
-
-/*** NOTIFICATION ***/
-.notification {
- position: fixed;
- bottom: 0;
- left: 5%; right: 5%;
- min-height: 30px;
- padding: 10px;
- line-height: 30px;
- text-align: center;
- border-radius: 5px 5px 0 0;
- box-shadow: 0 0 5px #666;
- background: #ddd;
- color: #666;
- font-weight: bold;
-}
- .notification.good {
- background: #f4f899;
- }
- .notification.bad {
- background: #f4a899;
- }
- .notification a.close {
- display: inline-block;
- width: 16px;
- height: 16px;
- float: right;
- margin: -20px -20px 0 0;
- padding: 5px;
- background: #fff;
- border-radius: 50px;
- border: 1px solid #aaa;
- line-height: 16px;
- }
-
-@media(max-width: 840px) {
- .header,
- .aside,
- .flux_header .item.website span,
- .flux_header .item.date {
- display: none;
- }
- .flux_header .item.website {
- width: 30px;
- text-align: center;
- }
- .pagination .pager-previous, .pagination .pager-next {
- width: 100px;
- }
-}
diff --git a/public/theme/icons/category.svg b/public/theme/icons/category.svg
new file mode 100644
index 000000000..71f95490e
--- /dev/null
+++ b/public/theme/icons/category.svg
@@ -0,0 +1,31 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:svg='http://www.w3.org/2000/svg' id='svg7384' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' sodipodi:docname='folder-symbolic.svg' version='1.1' inkscape:version='0.48.0 r9654' height='16' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns='http://www.w3.org/2000/svg' width='16'>
+ <metadata id='metadata90'>
+ <rdf:RDF>
+ <cc:Work rdf:about=''>
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview inkscape:cy='-173.07332' pagecolor='#555753' borderopacity='1' showborder='false' inkscape:bbox-paths='false' guidetolerance='10' inkscape:window-width='1310' showguides='true' inkscape:object-nodes='true' inkscape:snap-bbox='true' inkscape:pageshadow='2' inkscape:guide-bbox='true' inkscape:snap-nodes='true' bordercolor='#666666' objecttolerance='10' id='namedview88' showgrid='false' inkscape:window-maximized='0' inkscape:window-x='52' inkscape:snap-global='true' inkscape:window-y='24' gridtolerance='10' inkscape:window-height='690' inkscape:snap-to-guides='true' inkscape:current-layer='layer13' inkscape:zoom='1' inkscape:cx='-157.67647' inkscape:snap-grids='true' inkscape:pageopacity='1'>
+ <inkscape:grid spacingx='1px' spacingy='1px' id='grid4866' empspacing='2' enabled='true' type='xygrid' snapvisiblegridlinesonly='true' visible='true'/>
+ </sodipodi:namedview>
+ <title id='title9167'>Gnome Symbolic Icon Theme</title>
+ <defs id='defs7386'/>
+ <g inkscape:label='status' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer9' style='display:inline'/>
+ <g inkscape:label='devices' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer10'/>
+ <g inkscape:label='apps' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer11'/>
+ <g inkscape:label='actions' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer12'/>
+ <g inkscape:label='places' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer13'>
+ <g transform='translate(234.0002,-820)' id='g14154'>
+ <path inkscape:connector-curvature='0' d='m 208.53105,997 c -0.28913,0 -0.53125,0.24212 -0.53125,0.53125 l 0,13.93755 c 0,0.2985 0.23264,0.5312 0.53125,0.5312 l 14.9375,0 c 0.2986,0 0.53125,-0.2326 0.53125,-0.5312 l 0,-8.9376 c 0,-0.2891 -0.24212,-0.5312 -0.53125,-0.5312 l -12.46875,0 0,7.5 c 0,0.277 -0.223,0.5 -0.5,0.5 -0.277,0 -0.5,-0.223 -0.5,-0.5 l 0,-8 c 0,-0.277 0.223,-0.5 0.5,-0.5 l 2.96875,0 8.53125,0 0,-1.4062 c 0,-0.3272 -0.26666,-0.5938 -0.59375,-0.5938 l -7.40625,0 0,-1.46875 C 213.9998,997.2421 213.75768,997 213.46855,997 z' id='rect3845' sodipodi:nodetypes='ccccccccccsccccccccccc' style='fill:#666666;fill-opacity:1;stroke:none;display:inline'/>
+
+ </g>
+ </g>
+ <g inkscape:label='mimetypes' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer14'/>
+ <g inkscape:label='emblems' transform='translate(-442,-176)' inkscape:groupmode='layer' id='layer15' style='display:inline'/>
+</svg>
diff --git a/public/theme/icons/rss.svg b/public/theme/icons/rss.svg
new file mode 100644
index 000000000..ceaddceee
--- /dev/null
+++ b/public/theme/icons/rss.svg
@@ -0,0 +1,32 @@
+<?xml version='1.0' encoding='UTF-8' standalone='no'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:dc='http://purl.org/dc/elements/1.1/' sodipodi:docname='application-rss+xml-symbolic.svg' height='16' id='svg7384' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' inkscape:version='0.48.3.1 r9886' version='1.1' width='16' xmlns='http://www.w3.org/2000/svg'>
+ <metadata id='metadata90'>
+ <rdf:RDF>
+ <cc:Work rdf:about=''>
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview inkscape:bbox-paths='false' bordercolor='#666666' borderopacity='1' inkscape:current-layer='layer14' inkscape:cx='27.01134' inkscape:cy='1.367038' gridtolerance='10' inkscape:guide-bbox='true' guidetolerance='10' id='namedview88' inkscape:object-nodes='false' inkscape:object-paths='false' objecttolerance='10' pagecolor='#3a3b39' inkscape:pageopacity='1' inkscape:pageshadow='2' showborder='false' showgrid='false' showguides='true' inkscape:snap-bbox='true' inkscape:snap-bbox-midpoints='false' inkscape:snap-global='true' inkscape:snap-grids='true' inkscape:snap-nodes='false' inkscape:snap-others='false' inkscape:snap-to-guides='true' inkscape:window-height='709' inkscape:window-maximized='1' inkscape:window-width='1366' inkscape:window-x='0' inkscape:window-y='27' inkscape:zoom='1'>
+ <inkscape:grid empspacing='2' enabled='true' id='grid4866' originx='-319.9998px' originy='84.00012px' snapvisiblegridlinesonly='true' spacingx='1px' spacingy='1px' type='xygrid' visible='true'/>
+ </sodipodi:namedview>
+ <title id='title9167'>Gnome Symbolic Icon Theme</title>
+ <defs id='defs7386'/>
+ <g inkscape:groupmode='layer' id='layer9' inkscape:label='status' style='display:inline' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer10' inkscape:label='devices' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer11' inkscape:label='apps' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer13' inkscape:label='places' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer14' inkscape:label='mimetypes' transform='translate(-561,-301.00012)'>
+
+ <path sodipodi:cx='323.0625' sodipodi:cy='97.1875' d='m 325.0625,97.1875 a 2,3.236068 0 1 1 -4,0 2,3.236068 0 1 1 4,0 z' id='path4983' sodipodi:rx='2' sodipodi:ry='3.236068' style='color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.69602728;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new' transform='matrix(1.0000007,0,0,0.61803426,241.93747,252.93479)' sodipodi:type='arc'/>
+ <path inkscape:connector-curvature='0' d='m 563.0002,303 0,1 c 0,0.55016 0.45347,1 1,1 4.97056,0 9,4.02944 9,9 0,0.55016 0.45347,1 1,1 l 1,0 0,-1 c 0,-6.07513 -4.92487,-11 -11,-11 l -1,0 z m 0,4 0,1 c 0,0.55016 0.45347,1 1,1 2.76143,0 5,2.23857 5,5 0,0.55016 0.45347,1 1,1 l 1,0 0,-1 c 0,-3.866 -3.134,-7 -7,-7 l -1,0 z' id='path5814' style='color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.33333492;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new'/>
+ </g>
+ <g inkscape:groupmode='layer' id='layer15' inkscape:label='emblems' style='display:inline' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='g71291' inkscape:label='emotes' style='display:inline' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='g4953' inkscape:label='categories' style='display:inline' transform='translate(-561,-301.00012)'/>
+ <g inkscape:groupmode='layer' id='layer12' inkscape:label='actions' style='display:inline' transform='translate(-561,-301.00012)'/>
+</svg>
diff --git a/public/theme/icons/share.svg b/public/theme/icons/share.svg
new file mode 100644
index 000000000..443321882
--- /dev/null
+++ b/public/theme/icons/share.svg
@@ -0,0 +1,34 @@
+<?xml version='1.0' encoding='UTF-8' standalone='no'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:dc='http://purl.org/dc/elements/1.1/' sodipodi:docname='folder-publicshare-symbolic.svg' height='16' id='svg7384' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' inkscape:version='0.48.3.1 r9886' version='1.1' width='16' xmlns='http://www.w3.org/2000/svg'>
+ <metadata id='metadata90'>
+ <rdf:RDF>
+ <cc:Work rdf:about=''>
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview inkscape:bbox-paths='false' bordercolor='#666666' borderopacity='1' inkscape:current-layer='layer13' inkscape:cx='-55.50224' inkscape:cy='-178.38158' gridtolerance='10' inkscape:guide-bbox='true' guidetolerance='10' id='namedview88' inkscape:object-nodes='false' inkscape:object-paths='false' objecttolerance='10' pagecolor='#3a3b39' inkscape:pageopacity='1' inkscape:pageshadow='2' showborder='false' showgrid='false' showguides='true' inkscape:snap-bbox='true' inkscape:snap-bbox-midpoints='false' inkscape:snap-global='true' inkscape:snap-grids='true' inkscape:snap-nodes='false' inkscape:snap-others='false' inkscape:snap-to-guides='true' inkscape:window-height='1381' inkscape:window-maximized='1' inkscape:window-width='2560' inkscape:window-x='1600' inkscape:window-y='27' inkscape:zoom='1'>
+ <inkscape:grid empspacing='2' enabled='true' id='grid4866' originx='-340px' originy='-20.999999px' snapvisiblegridlinesonly='true' spacingx='1px' spacingy='1px' type='xygrid' visible='true'/>
+ </sodipodi:namedview>
+ <title id='title9167'>Gnome Symbolic Icon Theme</title>
+ <defs id='defs7386'/>
+ <g inkscape:groupmode='layer' id='layer9' inkscape:label='status' style='display:inline' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer10' inkscape:label='devices' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer11' inkscape:label='apps' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer13' inkscape:label='places' transform='translate(-581.0002,-196)'>
+
+ <path sodipodi:cx='289.03125' sodipodi:cy='178.03125' d='m 291,178.03125 a 1.96875,1.96875 0 1 1 -3.9375,0 1.96875,1.96875 0 1 1 3.9375,0 z' id='path8192' sodipodi:rx='1.96875' sodipodi:ry='1.96875' style='color:#000000;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new' transform='matrix(1.5079365,0,0,1.5079365,148.15963,-64.49107)' sodipodi:type='arc'/>
+ <path sodipodi:cx='289.03125' sodipodi:cy='178.03125' d='m 291,178.03125 a 1.96875,1.96875 0 1 1 -3.9375,0 1.96875,1.96875 0 1 1 3.9375,0 z' id='path8194' sodipodi:rx='1.96875' sodipodi:ry='1.96875' style='color:#000000;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new' transform='matrix(1.5079365,0,0,1.5079365,158.12818,-59.49107)' sodipodi:type='arc'/>
+ <path sodipodi:cx='289.03125' sodipodi:cy='178.03125' d='m 291,178.03125 a 1.96875,1.96875 0 1 1 -3.9375,0 1.96875,1.96875 0 1 1 3.9375,0 z' id='path8196' sodipodi:rx='1.96875' sodipodi:ry='1.96875' style='color:#000000;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new' transform='matrix(1.5079365,0,0,1.5079365,158.12818,-69.49107)' sodipodi:type='arc'/>
+ <path inkscape:connector-curvature='0' d='m 593.625,198.15625 -10.0625,4.875 -1.8125,0.90625 1.8125,0.90625 10.03125,5.0625 0.90625,-1.8125 -8.21875,-4.15625 8.21875,-4 -0.875,-1.78125 z' id='path8198' style='font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#bebebe;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans'/>
+ </g>
+ <g inkscape:groupmode='layer' id='layer14' inkscape:label='mimetypes' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer15' inkscape:label='emblems' style='display:inline' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='g71291' inkscape:label='emotes' style='display:inline' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='g4953' inkscape:label='categories' style='display:inline' transform='translate(-581.0002,-196)'/>
+ <g inkscape:groupmode='layer' id='layer12' inkscape:label='actions' style='display:inline' transform='translate(-581.0002,-196)'/>
+</svg>
generated by cgit v1.2.3 (git 2.39.1) at 2026-02-10 14:47:00 +0000