james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-11-04 00:38:46 +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
Download Patch File Download Diff File Expand all files Collapse all files

4
template/index.html
View File

@@ -8,7 +8,8 @@
<link rel="icon shortcut" href="./static/images/anchor.png"> <link rel="icon shortcut" href="./static/images/anchor.png">
</head> </head>
<body> <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 --> <!-- feed list -->
<div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}"> <div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}">
<drag :width="feedListWidth" @resize="resizeFeedList"></drag> <drag :width="feedListWidth" @resize="resizeFeedList"></drag>
@@ -312,6 +313,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<script src="./static/javascripts/vue.min.js"></script> <script src="./static/javascripts/vue.min.js"></script>
<script src="./static/javascripts/popper.min.js"></script> <script src="./static/javascripts/popper.min.js"></script>
<!-- <script src="./static/javascripts/bootstrap.min.js"></script> --> <!-- <script src="./static/javascripts/bootstrap.min.js"></script> -->

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

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