|
|
@@ -11,9 +11,11 @@
|
|
|
<script type="application/javascript" src="../../script/semantic/semantic.js"></script>
|
|
|
<script type="text/javascript" src="../../script/applocale.js"></script>
|
|
|
<style>
|
|
|
+
|
|
|
body{
|
|
|
- background-color: rgb(240, 240, 240);
|
|
|
+ background-color: var(--body_background);
|
|
|
}
|
|
|
+
|
|
|
|
|
|
.alternativeAccount{
|
|
|
cursor: pointer;
|
|
|
@@ -30,6 +32,47 @@
|
|
|
.alternativeAccount:hover{
|
|
|
opacity: 0.6;
|
|
|
}
|
|
|
+
|
|
|
+ /*
|
|
|
+ Darktheme overwrite
|
|
|
+ */
|
|
|
+
|
|
|
+ body.darkTheme .ui.segment{
|
|
|
+ background-color: var(--body_background_secondary);
|
|
|
+ color: var(--text_color);
|
|
|
+ }
|
|
|
+
|
|
|
+ body.darkTheme div, body.darkTheme button, body.darkTheme span, body.darkTheme i{
|
|
|
+ color: var(--text_color);
|
|
|
+ }
|
|
|
+
|
|
|
+ body.darkTheme .ui.header .sub.header{
|
|
|
+ color: var(--text_color_secondary);
|
|
|
+ }
|
|
|
+
|
|
|
+ body.darkTheme .ui.basic.buttons .button,body.darkTheme .ui.basic.button{
|
|
|
+ color: var(--text_color_secondary);
|
|
|
+ border: 1px solid var(--text_color_secondary);
|
|
|
+ }
|
|
|
+
|
|
|
+ body.darkTheme .ui.basic.buttons .button,body.darkTheme .ui.basic.button:hover{
|
|
|
+ background-color: var(--body_background_active) !important;
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+
|
|
|
+ body.darkTheme .ui.form .field > label{
|
|
|
+ color: var(--text_color_secondary) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ body.darkTheme .ui.divider{
|
|
|
+ border-bottom: 1px solid var(--divider) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ body.darkTheme .ui.form input:not([type]),body.darkTheme .ui.form input[type="date"],body.darkTheme .ui.form input[type="datetime-local"],body.darkTheme .ui.form input[type="email"],body.darkTheme .ui.form input[type="number"],body.darkTheme .ui.form input[type="password"],body.darkTheme .ui.form input[type="search"], .ui.form input[type="tel"],body.darkTheme .ui.form input[type="time"],body.darkTheme .ui.form input[type="text"],body.darkTheme .ui.form input[type="file"],body.darkTheme .ui.form input[type="url"]{
|
|
|
+ background: var(--body_background_secondary);
|
|
|
+ border: 1px solid var(--text_color_invert);
|
|
|
+ color: var(--text_color);
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -88,7 +131,7 @@
|
|
|
//matched by cookie ao_auth on server side
|
|
|
let currentUserInfo = {};
|
|
|
let browserAccountPoolUUID = localStorage.getItem("ao_acc");
|
|
|
-
|
|
|
+
|
|
|
//Initalized localization
|
|
|
if (typeof(applocale) != "undefined"){
|
|
|
applocale.init("../../SystemAO/locale/switchAccount.json", function(){
|
|
|
@@ -109,6 +152,15 @@
|
|
|
});
|
|
|
}
|
|
|
|
|
|
+ //Initialize theme
|
|
|
+ $.get("../../system/file_system/preference?key=file_explorer/theme", function(data){
|
|
|
+ if (data == "darkTheme"){
|
|
|
+ $("body").addClass("darkTheme");
|
|
|
+ }else{
|
|
|
+ $("body").addClass("whiteTheme");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
function handleFormSubmit(event, form){
|
|
|
event.preventDefault();
|
|
|
|
Toby Chui