Custom color theme

2 years ago · 50fcacfcc9
parent 747e20b52a
commit 50fcacfcc9
2 changed files with 17 additions and 1 deletions
--- a/www/assets/css/theme.css
+++ b/www/assets/css/theme.css
@ -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;
+}
--- a/www/index.html
+++ b/www/index.html
@ -12,6 +12,7 @@
    <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/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/home.css" />
    <link rel="stylesheet" href="assets/css/backdrop.css" />
@ -22,7 +23,7 @@

    <script src="cordova.js"></script>
 </head>
-<body class="color-theme-green">
+<body class="">
    <div id="app" style="height: 100%;">
        <div class="view view-main" id="view-main">
            <div data-name="init" class="page">