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

basic themes

Browse Source
This commit is contained in:
Nazar Kanaev 2020-07-31 20:55:54 +01:00
parent 532c9ace21
commit cd6d75a076
2 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
template/index.html
View File

@ -8,7 +8,8 @@
<link rel="icon shortcut" href="./static/images/anchor.png">
</head>
<body>
<div class="wrapper d-flex vh-100" id="app" v-cloak>
<div class="container-fluid p-0" :class="'theme-' + settings.theme" id="app" v-cloak>
<div class="wrapper d-flex vh-100 ">
<!-- feed list -->
<div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}">
<drag :width="feedListWidth" @resize="resizeFeedList"></drag>
@ -312,13 +313,14 @@
</div>
</div>
</div>
<script src="./static/javascripts/vue.min.js"></script>
<script src="./static/javascripts/popper.min.js"></script>
<!-- <script src="./static/javascripts/bootstrap.min.js"></script> -->
<script src="./static/javascripts/bootstrap-vue.min.js"></script>
<script src="./static/javascripts/Readability.js"></script>
<script src="./static/javascripts/purify.min.js"></script>
<script src="./static/javascripts/api.js"></script>
<script src="./static/javascripts/app.js"></script>
</div>
<script src="./static/javascripts/vue.min.js"></script>
<script src="./static/javascripts/popper.min.js"></script>
<!-- <script src="./static/javascripts/bootstrap.min.js"></script> -->
<script src="./static/javascripts/bootstrap-vue.min.js"></script>
<script src="./static/javascripts/Readability.js"></script>
<script src="./static/javascripts/purify.min.js"></script>
<script src="./static/javascripts/api.js"></script>
<script src="./static/javascripts/app.js"></script>
</body>
</html>

15
template/static/stylesheets/app.css
View File

@ -434,3 +434,18 @@ select.form-control:not([multiple]):not([size]) {
border-left: 3px solid #22262a;
padding-left: 1rem;
}
/* theme */
.theme-light {
}
.theme-sepia {
background-color: yellow;
}
.theme-night {
background-color: black;
color: white;
}