james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-05-24 00:33:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

theme fixes

Browse Source
This commit is contained in:
Nazar Kanaev 2021-03-31 22:45:22 +01:00
parent c74eeff790
commit 0f519b7202
2 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/index.html
View File

@ -13,7 +13,7 @@
window.app.authenticated = {% .authenticated %} window.app.authenticated = {% .authenticated %}
</script> </script>
</head> </head>
<body class="theme-light"> <body class="theme-{% .settings.theme_name %}">
<div id="app" class="d-flex" :class="{'feed-selected': feedSelected !== null, 'item-selected': itemSelected !== null}" v-cloak> <div id="app" class="d-flex" :class="{'feed-selected': feedSelected !== null, 'item-selected': itemSelected !== null}" v-cloak>
<!-- feed list --> <!-- feed list -->
<div id="col-feed-list" class="vh-100 position-relative d-flex flex-column border-right flex-shrink-0" :style="{width: feedListWidth+'px'}"> <div id="col-feed-list" class="vh-100 position-relative d-flex flex-column border-right flex-shrink-0" :style="{width: feedListWidth+'px'}">

29
src/assets/stylesheets/app.css
View File

@ -23,7 +23,6 @@ select.form-control {
select.form-control:not([multiple]):not([size]) { select.form-control:not([multiple]):not([size]) {
box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1);
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.6rem .6rem;
padding-right: 1.2rem; padding-right: 1.2rem;
cursor: pointer; cursor: pointer;
} }
@ -247,7 +246,6 @@ select.form-control:not([multiple]):not([size]) {
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: .25rem; border-radius: .25rem;
box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1);
background: linear-gradient(#fff, #f5f7f9);
} }
.btn-default:active { .btn-default:active {
@ -417,6 +415,10 @@ select.form-control:not([multiple]):not([size]) {
/* theme: light */ /* theme: light */
button.theme-light {
background-color: #fff !important;
}
a, a,
.btn-link:hover, .btn-link:hover,
.toolbar-item.active { .toolbar-item.active {
@ -438,8 +440,12 @@ a,
/* theme: sepia */ /* theme: sepia */
.theme-sepia, .theme-sepia,
.theme-sepia .btn-default,
.theme-sepia .dropdown-menu,
.theme-sepia .form-control,
.theme-sepia .modal-content,
.theme-sepia .toolbar-search { .theme-sepia .toolbar-search {
background-color: #f4f0e5; background-color: #f4f0e5 !important;
} }
.theme-sepia .content hr, .theme-sepia .content hr,
.theme-sepia .content pre, .theme-sepia .content pre,
@ -450,6 +456,8 @@ a,
.theme-sepia .selectgroup-label:hover, .theme-sepia .selectgroup-label:hover,
.theme-sepia .toolbar-item:hover, .theme-sepia .toolbar-item:hover,
.theme-sepia .toolbar-search:hover, .theme-sepia .toolbar-search:hover,
.theme-sepia .dropdown-item:hover,
.theme-sepia .list-row:hover,
.theme-sepia .toolbar-search:focus { .theme-sepia .toolbar-search:focus {
background-color: #e0d6ba; background-color: #e0d6ba;
} }
@ -457,6 +465,11 @@ a,
/* theme: night */ /* theme: night */
.theme-night, .theme-night,
.theme-night .btn-default,
.theme-night .dropdown-menu,
.theme-night .dropdown-item,
.theme-night .form-control,
.theme-night .modal-content,
.theme-night .toolbar-search { .theme-night .toolbar-search {
color: #d1d1d1; color: #d1d1d1;
background-color: #0e0e0e; background-color: #0e0e0e;
@ -464,16 +477,24 @@ a,
.theme-night .content hr, .theme-night .content hr,
.theme-night .content pre, .theme-night .content pre,
.theme-night .border-right, .theme-night .border-right,
.theme-night .border-top { .theme-night .border-top,
.theme-night .dropdown-divider {
border-color: #1a1a1a !important; border-color: #1a1a1a !important;
} }
.theme-night .list-row:hover,
.theme-night .selectgroup-label:hover, .theme-night .selectgroup-label:hover,
.theme-night .dropdown-item:hover,
.theme-night .toolbar-item:hover, .theme-night .toolbar-item:hover,
.theme-night .toolbar-search:hover, .theme-night .toolbar-search:hover,
.theme-night .toolbar-search:focus { .theme-night .toolbar-search:focus {
background-color: #1a1a1a; background-color: #1a1a1a;
} }
.theme-night .dropdown-menu,
.theme-night .modal-content {
border-color: #1a1a1a;
}
/* animation */ /* animation */
.indicator-enter-active, .indicator-leave-active { .indicator-enter-active, .indicator-leave-active {
transition: all .3s; transition: all .3s;