kjao/archive
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

renamed theme colors

Browse Source
This commit is contained in:
Kenneth Jao 2016-09-27 12:04:40 -04:00
parent 94f775b0d6
commit c9ad662b36
5 changed files with 112 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
hourglass/client/main/main.html
View File

@ -5,16 +5,16 @@
<template name="main"> <template name="main">
<div class="noScroll"> <div class="noScroll">
<header id="mainHeader" style="background-color:{{userProfile}}{{divColor 'header'}}{{textColor}}{{defaultMode}}{{refetchEvents}}"> <header id="mainHeader" style="background-color:{{userProfile}}{{divColor 'mainColor'}}{{textColor}}{{defaultMode}}{{refetchEvents}}">
<i class="fa fa-bars" aria-hidden="true" style="color:{{iconColor 'menu'}}"></i> <i class="fa fa-bars" aria-hidden="true" style="color:{{iconColor 'menu'}}"></i>
<h1>Hourglass</h1><h2>{{schoolName}}</h2> <h1>Hourglass</h1><h2>{{schoolName}}</h2>
<i class="fa fa-cog" aria-hidden="true" style="color:{{iconColor 'options'}}"></i> <i class="fa fa-cog" aria-hidden="true" style="color:{{iconColor 'options'}}"></i>
<div id="dropdown"> <div id="dropdown">
<img src="{{avatar}}"> <img src="{{avatar}}">
</div> </div>
<div id="headerBar" style="background-color:{{divColor 'statusIcons'}}"></div> <div id="headerBar" style="background-color:{{divColor 'iconHighlight'}}"></div>
</header> </header>
<div id="menuContainer" style="left:{{menuStatus}};background-color:{{divColor 'sidebar'}}"> <div id="menuContainer" style="left:{{menuStatus}};background-color:{{divColor 'sidebarColor'}}">
<div id="modes"> <div id="modes">
<div class="mode classes"> <div class="mode classes">
<i class="fa fa-university" aria-hidden="true"></i> <i class="fa fa-university" aria-hidden="true"></i>
@ -59,7 +59,7 @@
<h4 id="exportText">Export</h4> <h4 id="exportText">Export</h4>
</div> </div>
</div> </div>
<div id="optionsContainer" style="right:{{optionsStatus}};background-color:{{divColor 'sidebar'}}"> <div id="optionsContainer" style="right:{{optionsStatus}};background-color:{{divColor 'sidebarColor'}}">
<h3>Preferences</h3> <h3>Preferences</h3>
<div id="prefCont"> <div id="prefCont">
@ -69,8 +69,8 @@
<span class="change radio" re="readonly" id="prefTheme">{{pref 'theme'}}</span> <span class="change radio" re="readonly" id="prefTheme">{{pref 'theme'}}</span>
</div> </div>
<div class="prefOptions"> <div class="prefOptions">
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">Light</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">Light</p>
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">Dark</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">Dark</p>
</div> </div>
</div> </div>
<div> <div>
@ -79,8 +79,8 @@
<span class="change radio" re="readonly" id="prefMode">{{pref 'mode'}}</span> <span class="change radio" re="readonly" id="prefMode">{{pref 'mode'}}</span>
</div> </div>
<div class="prefOptions"> <div class="prefOptions">
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">Classes</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">Classes</p>
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">Calendar</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">Calendar</p>
</div> </div>
</div> </div>
<div> <div>
@ -89,11 +89,11 @@
<span class="change radio" re="readonly" id="prefHide">{{pref 'timeHide'}}</span> <span class="change radio" re="readonly" id="prefHide">{{pref 'timeHide'}}</span>
</div> </div>
<div class="prefOptions"> <div class="prefOptions">
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">1 Day</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">1 Day</p>
<P class="prefOptionText" style="background-color:{{divColor 'header'}}">2 Days</p> <P class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">2 Days</p>
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">1 Week</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">1 Week</p>
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">1 Month</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">1 Month</p>
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">Never</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">Never</p>
</div> </div>
</div> </div>
<div> <div>
@ -102,8 +102,8 @@
<span class="change radio" re="readonly" id="prefDone">{{pref 'done'}}</span> <span class="change radio" re="readonly" id="prefDone">{{pref 'done'}}</span>
</div> </div>
<div class="prefOptions"> <div class="prefOptions">
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">Yes</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">Yes</p>
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">No</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">No</p>
</div> </div>
</div> </div>
<div> <div>
@ -112,8 +112,8 @@
<span class="change radio" re="readonly" id="prefReport">{{pref 'hideReport'}}</span> <span class="change radio" re="readonly" id="prefReport">{{pref 'hideReport'}}</span>
</div> </div>
<div class="prefOptions"> <div class="prefOptions">
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">Yes</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">Yes</p>
<p class="prefOptionText" style="background-color:{{divColor 'header'}}">No</p> <p class="prefOptionText" style="background-color:{{divColor 'mainColor'}}">No</p>
</div> </div>
</div> </div>
</div> </div>
@ -137,7 +137,7 @@
<div class="overlay"> <div class="overlay">
<div id="editWork" style="width:{{screen '.4'}}"> <div id="editWork" style="width:{{screen '.4'}}">
<div id="editWorkCont" style="background-color:{{divColor 'header'}};border-top:10px solid {{work 'typeColor'}}"> <div id="editWorkCont" style="background-color:{{divColor 'mainColor'}};border-top:10px solid {{work 'typeColor'}}">
<div id="workInfoContainer"> <div id="workInfoContainer">
<div id="workNameDiv"> <div id="workNameDiv">
<span id="workNamerestrict">{{commentLength}}</span> <span id="workNamerestrict">{{commentLength}}</span>
@ -159,11 +159,11 @@
<span class="change radio req" re="readonly" id="workType">{{work 'type'}}</span> <span class="change radio req" re="readonly" id="workType">{{work 'type'}}</span>
</div> </div>
<div class="workOptions type"> <div class="workOptions type">
<p class="workOptionText" style="background-color:{{divColor 'header'}}">Normal</p> <p class="workOptionText" style="background-color:{{divColor 'mainColor'}}">Normal</p>
<p class="workOptionText" style="background-color:{{divColor 'header'}}">Quiz</p> <p class="workOptionText" style="background-color:{{divColor 'mainColor'}}">Quiz</p>
<p class="workOptionText" style="background-color:{{divColor 'header'}}">Test</p> <p class="workOptionText" style="background-color:{{divColor 'mainColor'}}">Test</p>
<p class="workOptionText" style="background-color:{{divColor 'header'}}">Project</p> <p class="workOptionText" style="background-color:{{divColor 'mainColor'}}">Project</p>
<p class="workOptionText" style="background-color:{{divColor 'header'}}">Other</p> <p class="workOptionText" style="background-color:{{divColor 'mainColor'}}">Other</p>
</div> </div>
</div> </div>
<!-- <div id="workAttach">Attach other files</div> <!-- <div id="workAttach">Attach other files</div>
@ -233,13 +233,13 @@
</div> </div>
</div> </div>
<div id="userDropdown" style="background-color:{{divColor 'dropdown'}}"> <div id="userDropdown" style="background-color:{{divColor 'userDropdownColor'}}">
<div id="userTab" style="border-bottom: 3vh solid {{divColor 'dropdown'}}"></div> <div id="userTab" style="border-bottom: 3vh solid {{divColor 'userDropdownColor'}}"></div>
<div id="userDropdownAvatar" style="background-color:{{divColor 'dropdown'}}"> <div id="userDropdownAvatar" style="background-color:{{divColor 'userDropdownColor'}}">
<img src="{{avatar}}"> <img src="{{avatar}}">
<p>{{username}}</p> <p>{{username}}</p>
</div> </div>
<div id="userFunctions" style="background-color:{{divColor 'dropdown'}}"> <div id="userFunctions" style="background-color:{{divColor 'userDropdownColor'}}">
<div id="myprofile" class="userFunction" onclick="window.location='/profile';"> <div id="myprofile" class="userFunction" onclick="window.location='/profile';">
<i class="fa fa-user" aria-hidden="true"></i> <i class="fa fa-user" aria-hidden="true"></i>
<p>My Profile</p> <p>My Profile</p>
@ -251,7 +251,7 @@
</div> </div>
{{/if}} {{/if}}
</div> </div>
<div style="background-color:{{divColor 'dropdown'}}"> <div style="background-color:{{divColor 'userDropdownColor'}}">
<div id="myprofile" class="userFunction" onclick="document.getElementById('login-buttons-logout').click();"> <div id="myprofile" class="userFunction" onclick="document.getElementById('login-buttons-logout').click();">
<i class="fa fa-sign-out" aria-hidden="true"></i> <i class="fa fa-sign-out" aria-hidden="true"></i>
<p>Sign out</p> <p>Sign out</p>
@ -259,13 +259,13 @@
</div> </div>
</div> </div>
<div id="requests" style="bottom:{{requestStatus}};background-color:{{divColor 'cards'}}"> <div id="requests" style="bottom:{{requestStatus}};background-color:{{divColor 'secondaryColor'}}">
<div id="requestTab" style="background-color:{{divColor 'cards'}}"> <div id="requestTab" style="background-color:{{divColor 'secondaryColor'}}">
<i class="fa fa-question" aria-hidden="true"></i> <i class="fa fa-question" aria-hidden="true"></i>
</div> </div>
<p>Send an help request, feature, or bug report.</p> <p>Send an help request, feature, or bug report.</p>
<textarea id="requestArea" class="restrict" rows="4" cols="50" maxlength="500" placeholder="Enter request here..."></textarea><br> <textarea id="requestArea" class="restrict" rows="4" cols="50" maxlength="500" placeholder="Enter request here..."></textarea><br>
<div id="requestCont" style="background-color:{{divColor 'cards'}}"> <div id="requestCont" style="background-color:{{divColor 'secondaryColor'}}">
<span id="requestrestrict">{{commentLength}}</span> <span id="requestrestrict">{{commentLength}}</span>
<div id="requestSubmit">Send</div> <div id="requestSubmit">Send</div>
</div> </div>
@ -290,7 +290,7 @@
<template name="classesMode"> <template name="classesMode">
<div class="classWrapper"> <div class="classWrapper">
<div class="mainClass" style="background-color:{{divColor 'classes'}}"> <div class="mainClass" style="background-color:{{divColor 'classCardColor'}}">
<div class="classInfo"> <!-- class color --> <div class="classInfo"> <!-- class color -->
<h3 class="mainClassName">{{name}}</h3> <h3 class="mainClassName">{{name}}</h3>
<p class="mainClassHour">{{hour}}</p> <p class="mainClassHour">{{hour}}</p>

4
hourglass/client/main/main.js
View File

@ -92,7 +92,7 @@ Template.registerHelper('divColor', (div) => { // Reactive color changing based
}); });
Template.registerHelper('textColor', () => { // Reactive color for text. Template.registerHelper('textColor', () => { // Reactive color for text.
document.getElementsByTagName("body")[0].style.color = themeColors[Session.get("user").preferences.theme].text; document.getElementsByTagName("body")[0].style.color = themeColors[Session.get("user").preferences.theme].textColor;
return; return;
}); });
@ -310,7 +310,7 @@ Template.main.helpers({
}, },
modeStatus(status) { // Color status of display modes. modeStatus(status) { // Color status of display modes.
if (!Session.equals("mode",status)) return; if (!Session.equals("mode",status)) return;
return themeColors[Session.get("user").preferences.theme].highlightText; return themeColors[Session.get("user").preferences.theme].modeHighlight;
}, },
currMode(name) { // Status of display mode. currMode(name) { // Status of display mode.
return Session.equals("mode",name); return Session.equals("mode",name);

58
hourglass/client/profile/profile.html
View File

@ -3,7 +3,7 @@
<div id="mainpage{{userProfile}}" onclick="window.location='/'"><h2>Main Page</h2></div> <div id="mainpage{{userProfile}}" onclick="window.location='/'"><h2>Main Page</h2></div>
<div id="logout2" onclick='document.getElementById("login-buttons-logout").click();'><h2>Logout</h2></div> <div id="logout2" onclick='document.getElementById("login-buttons-logout").click();'><h2>Logout</h2></div>
<div id="profWrapper"> <div id="profWrapper">
<div id="profPage" style="background-color:{{divColor 'header'}};min-width:{{screen}}{{textColor}}{{loadNew}}"> <div id="profPage" style="background-color:{{divColor 'mainColor'}};min-width:{{screen}}{{textColor}}{{loadNew}}">
<div id="profMainContainer"> <div id="profMainContainer">
<div id="profTop"> <div id="profTop">
<img id="profBanner" src='{{banner}}' alt="Banner"> <img id="profBanner" src='{{banner}}' alt="Banner">
@ -17,7 +17,7 @@
<div id="profCards"> <div id="profCards">
<div id="cardColLeft"> <div id="cardColLeft">
<!-- Card 1 --> <!-- Card 1 -->
<div id="profInfo" class="card" style="background-color:{{divColor 'cards'}}"> <div id="profInfo" class="card" style="background-color:{{divColor 'secondaryColor'}}">
<h3 class="profHea">About</h3> <h3 class="profHea">About</h3>
<div id="about"> <div id="about">
<div> <div>
@ -31,16 +31,16 @@
<span class="change radio" re="readonly" id="grade">{{grade}}</span> <span class="change radio" re="readonly" id="grade">{{grade}}</span>
</div> </div>
<div class="profOptions"> <div class="profOptions">
<p class="profOptionText" style="background-color:{{divColor 'header'}}">9th</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">9th</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">10th</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">10th</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">11th</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">11th</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">12th</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">12th</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Card 2 --> <!-- Card 2 -->
<div id="profPreferences" class="card" style="background-color:{{divColor 'cards'}}"> <div id="profPreferences" class="card" style="background-color:{{divColor 'secondaryColor'}}">
<h3 class="profHea">Preferences</h3> <h3 class="profHea">Preferences</h3>
<div id="preferences"> <div id="preferences">
<div class="radioContainer"> <div class="radioContainer">
@ -49,8 +49,8 @@
<span class="change radio" re="readonly" id="prefTheme">{{pref 'theme'}}</span> <span class="change radio" re="readonly" id="prefTheme">{{pref 'theme'}}</span>
</div> </div>
<div class="profOptions"> <div class="profOptions">
<p class="profOptionText" style="background-color:{{divColor 'header'}}">Light</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">Light</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">Dark</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">Dark</p>
</div> </div>
</div> </div>
<br> <br>
@ -60,8 +60,8 @@
<span class="change radio" re="readonly" id="prefMode">{{pref 'mode'}}</span> <span class="change radio" re="readonly" id="prefMode">{{pref 'mode'}}</span>
</div> </div>
<div class="profOptions"> <div class="profOptions">
<p class="profOptionText" style="background-color:{{divColor 'header'}}">Classes</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">Classes</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">Calendar</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">Calendar</p>
</div> </div>
</div> </div>
<br> <br>
@ -71,11 +71,11 @@
<span class="change radio" re="readonly" id="prefHide">{{pref 'timeHide'}}</span> <span class="change radio" re="readonly" id="prefHide">{{pref 'timeHide'}}</span>
</div> </div>
<div class="profOptions"> <div class="profOptions">
<p class="profOptionText" style="background-color:{{divColor 'header'}}">1 Day</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">1 Day</p>
<P class="profOptionText" style="background-color:{{divColor 'header'}}">2 Days</p> <P class="profOptionText" style="background-color:{{divColor 'mainColor'}}">2 Days</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">1 Week</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">1 Week</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">1 Month</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">1 Month</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">Never</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">Never</p>
</div> </div>
</div> </div>
<br> <br>
@ -85,8 +85,8 @@
<span class="change radio" re="readonly" id="prefDone">{{pref 'done'}}</span> <span class="change radio" re="readonly" id="prefDone">{{pref 'done'}}</span>
</div> </div>
<div class="profOptions"> <div class="profOptions">
<p class="profOptionText" style="background-color:{{divColor 'header'}}">Yes</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">Yes</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">No</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">No</p>
</div> </div>
</div> </div>
<br> <br>
@ -96,8 +96,8 @@
<span class="change radio" re="readonly" id="prefReport">{{pref 'hideReport'}}</span> <span class="change radio" re="readonly" id="prefReport">{{pref 'hideReport'}}</span>
</div> </div>
<div class="profOptions"> <div class="profOptions">
<p class="profOptionText" style="background-color:{{divColor 'header'}}">Yes</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">Yes</p>
<p class="profOptionText" style="background-color:{{divColor 'header'}}">No</p> <p class="profOptionText" style="background-color:{{divColor 'mainColor'}}">No</p>
</div> </div>
</div> </div>
</div> </div>
@ -105,7 +105,7 @@
</div> </div>
<div id="cardColRight"> <div id="cardColRight">
<!-- Card 3 --> <!-- Card 3 -->
<div id="profClasses" class="card" style="background-color:{{divColor 'cards'}};"> <div id="profClasses" class="card" style="background-color:{{divColor 'secondaryColor'}};">
<h3 class="profHea">Classes</h3> <h3 class="profHea">Classes</h3>
<div id="classes"> <div id="classes">
<div id="profFunctions"> <div id="profFunctions">
@ -195,17 +195,17 @@
<p class="profTitle">Privacy:</p> <p class="profTitle">Privacy:</p>
<input class="creInput radio op" type="text" name="privacy" readonly> <input class="creInput radio op" type="text" name="privacy" readonly>
<div class="profOptions creOp"> <div class="profOptions creOp">
<p class="profOptionText cre" style="background-color:{{divColor 'header'}}">Public</p> <p class="profOptionText cre" style="background-color:{{divColor 'mainColor'}}">Public</p>
<p class="profOptionText cre" style="background-color:{{divColor 'header'}}">Private</p> <p class="profOptionText cre" style="background-color:{{divColor 'mainColor'}}">Private</p>
</div> </div>
</div> </div>
<div class="formDiv"> <div class="formDiv">
<p class="profTitle">Category:</p> <p class="profTitle">Category:</p>
<input class="creInput radio op" type="text" name="category" readonly> <input class="creInput radio op" type="text" name="category" readonly>
<div class="profOptions creOp"> <div class="profOptions creOp">
<p class="profOptionText cre" style="background-color:{{divColor 'header'}}">Class</p> <p class="profOptionText cre" style="background-color:{{divColor 'mainColor'}}">Class</p>
<p class="profOptionText cre" style="background-color:{{divColor 'header'}}">Club</p> <p class="profOptionText cre" style="background-color:{{divColor 'mainColor'}}">Club</p>
<p class="profOptionText cre" style="background-color:{{divColor 'header'}}">Other</p> <p class="profOptionText cre" style="background-color:{{divColor 'mainColor'}}">Other</p>
</div> </div>
</div> </div>
</div> </div>
@ -220,7 +220,7 @@
</div> </div>
</div> </div>
<div class="overlay"> <div class="overlay">
<div class="overlayCont" style="background-color:{{divColor 'header'}}"> <div class="overlayCont" style="background-color:{{divColor 'mainColor'}}">
<p>{{confirmText}}</p> <p>{{confirmText}}</p>
<div id="faCont"> <div id="faCont">
<i class="fa fa-check-circle-o" aria-hidden="true"></i> <i class="fa fa-check-circle-o" aria-hidden="true"></i>
@ -229,7 +229,7 @@
</div> </div>
</div> </div>
<div id="createdClasses" style="background-color:{{divColor 'cards'}};right:{{ownedStatus}}" classid="{{selectedClass '_id'}}"> <div id="createdClasses" style="background-color:{{divColor 'secondaryColor'}};right:{{ownedStatus}}" classid="{{selectedClass '_id'}}">
<h3>{{selectedClass 'name'}}</h3> <h3>{{selectedClass 'name'}}</h3>
<h4 id="codetext">Code:</h4> <h4 id="codetext">Code:</h4>
<input id="code" value="{{selectedClass 'code'}}" type="text" readonly> <input id="code" value="{{selectedClass 'code'}}" type="text" readonly>
@ -266,7 +266,7 @@
<div id="deleteClass">Delete Class</div> <div id="deleteClass">Delete Class</div>
</div> </div>
<div id="joinPrivClass" style="background-color:{{divColor 'cards'}};bottom:{{privStatus}}"> <div id="joinPrivClass" style="background-color:{{divColor 'secondaryColor'}};bottom:{{privStatus}}">
<h3>Enter Code:</h3> <h3>Enter Code:</h3>
<input id="privateCode" type="text" placeholder="Enter code here..."> <input id="privateCode" type="text" placeholder="Enter code here...">
<h4 id="privSubmit">Submit</h4> <h4 id="privSubmit">Submit</h4>

2
hourglass/client/profile/profile.js
View File

@ -118,7 +118,7 @@ Template.profile.helpers({
}, },
profClassTabColor(status) { // Change this [Supposed to show the current mode that's selected via color]     profClassTabColor(status) { // Change this [Supposed to show the current mode that's selected via color]    
if (Session.equals("profClassTab",status)) {             if (Session.equals("profClassTab",status)) {            
return themeColors[Meteor.user().profile.preferences.theme].highlightText;         return themeColors[Meteor.user().profile.preferences.theme].modeHighlight;        
} else {             } else {            
return;         return;        
}     }    

105
hourglass/lib/constants.js
View File

@ -1,78 +1,69 @@
themeColors = { themeColors = {
"light": { "light": {
"background": "White.jpg", "background": "White.jpg",
"header": "#EBEBEB", "mainColor": "#EBEBEB",
"sidebar": "#65839A", "secondaryColor": "#FEFEFE",
"dropdown": "#E6E6E6", "sidebarColor": "#65839A",
"funcButton": "#849CAE", "userDropdownColor": "#E6E6E6",
"statusIcons": "#33ADFF", "iconHighlight": "#33ADFF",
"highlightText": "#FF1A1A", "modeHighlight": "#FF1A1A",
"cards": "#FEFEFE", "classCardColor":"#EBEBEB",
"classes":"#EBEBEB", "textColor": "#000"
"calendar": "#000",
"text": "#000"
}, },
/*"dark": { /*"dark": {
"background": "Black.jpg", "background": "Black.jpg",
"header": "#373A56", "mainColor": "#373A56",
"sidebar": "#35435D", "secondaryColor": "#151A2B",
"dropdown": "#373A56", "sidebarColor": "#35435D",
"funcButton": "#5D75A2", "userDropdownColor": "#373A56",
"statusIcons": "#33ADFF", "iconHighlight": "#33ADFF",
"highlightText": "#FF1A1A", "modeHighlight": "#FF1A1A",
"cards": "#151A2B", "classCardColor":"#46396E",
"classes":"#46396E", "textColor": "#F6F6F6"
"calendar": "#000",
//30313B
"text": "#F6F6F6"
},*/ },*/
/*"dark": { /*"dark": {
"background": "RedBlack.png", "background": "RedBlack.png",
"header": "#302c36", "mainColor": "#302c36",
"sidebar": "#327c5a", "secondaryColor": "#151313",
"dropdown": "#cc3333", "sidebarColor": "#327c5a",
"statusIcons": "#327c5a", "userDropdownColor": "#cc3333",
"highlightText": "#c9fe62", "iconHighlight": "#327c5a",
"cards": "#151313", "modeHighlight": "#c9fe62",
"classes":"#302c36", "classCardColor":"#302c36",
"calendar": "#000", "textColor": "#fcf0f0"
"text": "#fcf0f0"
},*/ },*/
/*"dark": { /*"dark": {
"background": "Sea.png", "background": "Sea.png",
"header": "#1e926c", "mainColor": "#1e926c",
"sidebar": "#3cb08a", "secondaryColor": "#1c564f",
"dropdown": "#2ea96a", "sidebarColor": "#3cb08a",
"statusIcons": "#61d9a3", "userDropdownColor": "#2ea96a",
"highlightText": "#c9fe62", "iconHighlight": "#61d9a3",
"cards": "#1c564f", "modeHighlight": "#c9fe62",
"classes":"#2567a1", "classCardColor":"#2567a1",
"calendar": "#000", "textColor": "#fcf0f0"
"text": "#fcf0f0"
},*/ },*/
/*"dark": { /*"dark": {
"background": "Earth.png", "background": "Earth.png",
"header": "#dea743", "mainColor": "#dea743",
"sidebar": "#6d9957", "secondaryColor": "#496234",
"dropdown": "#89bb52", "sidebarColor": "#6d9957",
"statusIcons": "#91ee61", "userDropdownColor": "#89bb52",
"highlightText": "#b9f643", "iconHighlight": "#91ee61",
"cards": "#496234", "modeHighlight": "#b9f643",
"classes":"#c18311", "classCardColor":"#c18311",
"calendar": "#000", "textColor": "#fcf0f0"
"text": "#fcf0f0"
},*/ },*/
"dark": { "dark": {
"background": "NeonBlue.png", "background": "NeonBlue.png",
"header": "#1d1c23", "mainColor": "#1d1c23",
"sidebar": "#312e32", "secondaryColor": "#1f212f",
"dropdown": "#2e312b", "sidebarColor": "#312e32",
"statusIcons": "#70e6e6", "userDropdownColor": "#2e312b",
"highlightText": "#70e6e6", "iconHighlight": "#70e6e6",
"cards": "#1f212f", "modeHighlight": "#70e6e6",
"classes":"#1faab1", "classCardColor":"#1faab1",
"calendar": "#000", "textColor": "#fcf0f0"
"text": "#fcf0f0"
} }
}; };