Netsyms/HelenaExpressApp
2
0
Fork 0
Code Issues Pull Requests Releases 15 Wiki Activity

Custom color theme

Browse Source
This commit is contained in:
Skylar Ittner 2022-01-26 15:56:33 -07:00
parent 747e20b52a
commit 50fcacfcc9
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
www/assets/css/theme.css Normal file
View File

@ -0,0 +1,15 @@
/*
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
/*
Created on : Jan 26, 2022, 3:47:46 PM
Author : Skylar Ittner
*/
:root {
--f7-theme-color: #0fb9eb;
--f7-theme-color-rgb: 15, 185, 235;
--f7-theme-color-shade: #0d9bc5;
--f7-theme-color-tint: #31c6f2;
}

3
www/index.html
View File

@ -12,6 +12,7 @@
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-pro/css/all.min.css" /> <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-pro/css/all.min.css" />
<!-- <link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css" /> --> <!-- <link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css" /> -->
<link rel="stylesheet" href="node_modules/maplibre-gl/dist/maplibre-gl.css"> <link rel="stylesheet" href="node_modules/maplibre-gl/dist/maplibre-gl.css">
<link rel="stylesheet" href="assets/css/theme.css" />
<link rel="stylesheet" href="assets/css/app.css" /> <link rel="stylesheet" href="assets/css/app.css" />
<link rel="stylesheet" href="assets/css/home.css" /> <link rel="stylesheet" href="assets/css/home.css" />
<link rel="stylesheet" href="assets/css/backdrop.css" /> <link rel="stylesheet" href="assets/css/backdrop.css" />
@ -22,7 +23,7 @@
<script src="cordova.js"></script> <script src="cordova.js"></script>
</head> </head>
<body class="color-theme-green"> <body class="">
<div id="app" style="height: 100%;"> <div id="app" style="height: 100%;">
<div class="view view-main" id="view-main"> <div class="view view-main" id="view-main">
<div data-name="init" class="page"> <div data-name="init" class="page">