From 17291b0cb27ee003ee137fa4a171fe3873a668a7 Mon Sep 17 00:00:00 2001
From: Jennifer Taylor <dragonminded@dragonminded.com>
Date: Sat, 3 Dec 2022 22:02:37 +0000
Subject: [PATCH] Initial stab at fixing dark mode. Navigation and main colors
 are now better. Laid the groundwork for theme-based assets and fixed loading
 spinners for dark mode.

---
 bemani/frontend/app.py                        |   3 +++
 .../frontend/static/components/add.react.js   |   1 +
 .../static/components/delete.react.js         |   1 +
 .../frontend/static/components/edit.react.js  |   1 +
 .../static/components/gamesettings.react.js   |   2 +-
 .../frontend/static/components/table.react.js |   2 +-
 .../static/controllers/admin/api.react.js     |   2 +-
 .../static/controllers/admin/users.react.js   |   2 +-
 .../static/controllers/arcade/arcade.react.js |   6 +++---
 .../static/controllers/ddr/rivals.react.js    |   2 +-
 .../static/controllers/ddr/scores.react.js    |   2 +-
 .../static/controllers/ddr/settings.react.js  |   6 +++---
 .../static/controllers/iidx/player.react.js   |   2 +-
 .../static/controllers/iidx/rivals.react.js   |   2 +-
 .../static/controllers/iidx/scores.react.js   |   2 +-
 .../static/controllers/iidx/settings.react.js |   6 +++---
 .../static/controllers/jubeat/rivals.react.js |   2 +-
 .../static/controllers/jubeat/scores.react.js |   2 +-
 .../controllers/jubeat/settings.react.js      |   2 +-
 .../static/controllers/museca/scores.react.js |   2 +-
 .../static/controllers/popn/rivals.react.js   |   4 ++--
 .../static/controllers/popn/scores.react.js   |   2 +-
 .../static/controllers/reflec/rivals.react.js |   4 ++--
 .../static/controllers/reflec/scores.react.js |   2 +-
 .../static/controllers/sdvx/rivals.react.js   |   2 +-
 .../static/controllers/sdvx/scores.react.js   |   2 +-
 bemani/frontend/static/loading-16.gif         | Bin 21908 -> 0 bytes
 bemani/frontend/static/loading-20.gif         | Bin 22489 -> 0 bytes
 bemani/frontend/static/themes/dark/form.css   |  18 +++++++++---------
 .../static/themes/dark/loading-16.gif         | Bin 0 -> 2741 bytes
 .../static/themes/dark/loading-24.gif         | Bin 0 -> 4078 bytes
 bemani/frontend/static/themes/dark/site.css   |  16 ++++++++--------
 bemani/frontend/static/themes/dark/table.css  |   6 +++---
 .../static/themes/default/loading-16.gif      | Bin 0 -> 2741 bytes
 .../static/themes/default/loading-24.gif      | Bin 0 -> 4078 bytes
 .../frontend/static/themes/default/site.css   |   2 +-
 bemani/frontend/templates/base.html           |   1 +
 bemani/frontend/templates/react.html          |   2 +-
 38 files changed, 59 insertions(+), 52 deletions(-)
 delete mode 100644 bemani/frontend/static/loading-16.gif
 delete mode 100644 bemani/frontend/static/loading-20.gif
 create mode 100755 bemani/frontend/static/themes/dark/loading-16.gif
 create mode 100755 bemani/frontend/static/themes/dark/loading-24.gif
 create mode 100755 bemani/frontend/static/themes/default/loading-16.gif
 create mode 100755 bemani/frontend/static/themes/default/loading-24.gif

diff --git a/bemani/frontend/app.py b/bemani/frontend/app.py
index 97c534a..24aed54 100644
--- a/bemani/frontend/app.py
+++ b/bemani/frontend/app.py
@@ -374,6 +374,7 @@ def navigation() -> Dict[str, Any]:
             return {
                 "components": components,
                 "any": jinja2_any,
+                "assets": f"themes/{config.theme}/",
                 "theme_url": jinja2_theme,
                 "cache_bust": f"v={FRONTEND_CACHE_BUST}",
             }
@@ -384,6 +385,7 @@ def navigation() -> Dict[str, Any]:
         return {
             "components": components,
             "any": jinja2_any,
+            "assets": f"themes/{config.theme}/",
             "theme_url": jinja2_theme,
             "cache_bust": f"v={FRONTEND_CACHE_BUST}",
         }
@@ -938,6 +940,7 @@ def navigation() -> Dict[str, Any]:
         "navigation": pages,
         "components": components,
         "any": jinja2_any,
+        "assets": f"themes/{config.theme}/",
         "theme_url": jinja2_theme,
         "cache_bust": f"v={FRONTEND_CACHE_BUST}",
     }
diff --git a/bemani/frontend/static/components/add.react.js b/bemani/frontend/static/components/add.react.js
index d69230c..48b87a7 100644
--- a/bemani/frontend/static/components/add.react.js
+++ b/bemani/frontend/static/components/add.react.js
@@ -5,6 +5,7 @@ var Add = createReactClass({
         return (
             <Button
                 className="add"
+                style={this.props.style}
                 disabled={this.props.disabled}
                 onClick={function(event) {
                     this.props.onClick(event);
diff --git a/bemani/frontend/static/components/delete.react.js b/bemani/frontend/static/components/delete.react.js
index c535765..da94f1f 100644
--- a/bemani/frontend/static/components/delete.react.js
+++ b/bemani/frontend/static/components/delete.react.js
@@ -5,6 +5,7 @@ var Delete = createReactClass({
         return (
             <Button
                 className="delete"
+                style={this.props.style}
                 disabled={this.props.disabled}
                 onClick={function(event) {
                     this.props.onClick(event);
diff --git a/bemani/frontend/static/components/edit.react.js b/bemani/frontend/static/components/edit.react.js
index 8ddc65e..1422cbc 100644
--- a/bemani/frontend/static/components/edit.react.js
+++ b/bemani/frontend/static/components/edit.react.js
@@ -5,6 +5,7 @@ var Edit = createReactClass({
         return (
             <Button
                 className="edit"
+                style={this.props.style}
                 disabled={this.props.disabled}
                 onClick={function(event) {
                     this.props.onClick(event);
diff --git a/bemani/frontend/static/components/gamesettings.react.js b/bemani/frontend/static/components/gamesettings.react.js
index 8226e55..69cf6d0 100644
--- a/bemani/frontend/static/components/gamesettings.react.js
+++ b/bemani/frontend/static/components/gamesettings.react.js
@@ -195,7 +195,7 @@ var GameSettings = createReactClass({
                         }.bind(this)}
                     />
                     { this.state.settings_saving[this.state.current_setting] ?
-                        <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                        <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                         null
                     }
                     { this.state.settings_saved[this.state.current_setting] ?
diff --git a/bemani/frontend/static/components/table.react.js b/bemani/frontend/static/components/table.react.js
index a53849b..d419966 100644
--- a/bemani/frontend/static/components/table.react.js
+++ b/bemani/frontend/static/components/table.react.js
@@ -139,7 +139,7 @@ var Table = createReactClass({
                                         <span className="loading" style={ {float: 'right' } }>
                                             <img
                                                 className="loading"
-                                                src={Link.get('static', 'loading-16.gif')}
+                                                src={Link.get('static', window.assets + 'loading-16.gif')}
                                             /> loading more data...
                                         </span> : null
                                 }
diff --git a/bemani/frontend/static/controllers/admin/api.react.js b/bemani/frontend/static/controllers/admin/api.react.js
index ded3868..9415dff 100644
--- a/bemani/frontend/static/controllers/admin/api.react.js
+++ b/bemani/frontend/static/controllers/admin/api.react.js
@@ -369,7 +369,7 @@ var api_management = createReactClass({
         if (this.state.info[server.id].loading) {
             return (
                 <>
-                     <img className="loading" src={Link.get('static', 'loading-16.gif')} />
+                     <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} />
                      {' querying server for info...'}
                  </>
              );
diff --git a/bemani/frontend/static/controllers/admin/users.react.js b/bemani/frontend/static/controllers/admin/users.react.js
index 66d9442..7e799b5 100644
--- a/bemani/frontend/static/controllers/admin/users.react.js
+++ b/bemani/frontend/static/controllers/admin/users.react.js
@@ -90,7 +90,7 @@ var card_management = createReactClass({
                         />
                         <input type="submit" value="search" />
                         { this.state.searching ?
-                            <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                            <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                             null
                         }
                     </form>
diff --git a/bemani/frontend/static/controllers/arcade/arcade.react.js b/bemani/frontend/static/controllers/arcade/arcade.react.js
index 26a37ae..1a7d54b 100644
--- a/bemani/frontend/static/controllers/arcade/arcade.react.js
+++ b/bemani/frontend/static/controllers/arcade/arcade.react.js
@@ -542,7 +542,7 @@ var arcade_management = createReactClass({
                         <>
                             PASELI Enabled
                             { this.state.paseli_enabled_saving ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </>
@@ -561,7 +561,7 @@ var arcade_management = createReactClass({
                         <>
                             PASELI Infinite
                             { this.state.paseli_infinite_saving ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </>
@@ -580,7 +580,7 @@ var arcade_management = createReactClass({
                         <>
                             Mask Web Address
                             { this.state.mask_services_url_saving ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </>
diff --git a/bemani/frontend/static/controllers/ddr/rivals.react.js b/bemani/frontend/static/controllers/ddr/rivals.react.js
index 20d02ee..284f276 100644
--- a/bemani/frontend/static/controllers/ddr/rivals.react.js
+++ b/bemani/frontend/static/controllers/ddr/rivals.react.js
@@ -216,7 +216,7 @@ var rivals_view = createReactClass({
                             />
                             <input type="submit" value="search" />
                             { this.state.searching ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </form>
diff --git a/bemani/frontend/static/controllers/ddr/scores.react.js b/bemani/frontend/static/controllers/ddr/scores.react.js
index d68390f..d36627c 100644
--- a/bemani/frontend/static/controllers/ddr/scores.react.js
+++ b/bemani/frontend/static/controllers/ddr/scores.react.js
@@ -151,7 +151,7 @@ var network_scores = createReactClass({
                                         <span className="loading" style={ {float: 'right' } }>
                                             <img
                                                 className="loading"
-                                                src={Link.get('static', 'loading-16.gif')}
+                                                src={Link.get('static', window.assets + 'loading-16.gif')}
                                             /> loading more scores...
                                         </span> : null
                                 }
diff --git a/bemani/frontend/static/controllers/ddr/settings.react.js b/bemani/frontend/static/controllers/ddr/settings.react.js
index 2d0e3e5..8d21710 100644
--- a/bemani/frontend/static/controllers/ddr/settings.react.js
+++ b/bemani/frontend/static/controllers/ddr/settings.react.js
@@ -323,7 +323,7 @@ var settings_view = createReactClass({
                             <>
                                 Fast/Slow Display
                                 { this.state.saving_early_late ?
-                                    <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                    <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                     null
                                 }
                             </>
@@ -342,7 +342,7 @@ var settings_view = createReactClass({
                             <>
                                 Combo Position
                                 { this.state.saving_background_combo ?
-                                    <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                    <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                     null
                                 }
                             </>
@@ -395,7 +395,7 @@ var settings_view = createReactClass({
                                 }.bind(this)}
                             />
                             { this.state.options_saving[this.state.version] ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                             { this.state.options_saved[this.state.version] ?
diff --git a/bemani/frontend/static/controllers/iidx/player.react.js b/bemani/frontend/static/controllers/iidx/player.react.js
index 2bc295c..127424b 100644
--- a/bemani/frontend/static/controllers/iidx/player.react.js
+++ b/bemani/frontend/static/controllers/iidx/player.react.js
@@ -163,7 +163,7 @@ var profile_view = createReactClass({
                                 />
                             }
                             { this.state.updating_rivals ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> : null
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> : null
                             }
                         </div>
                     }
diff --git a/bemani/frontend/static/controllers/iidx/rivals.react.js b/bemani/frontend/static/controllers/iidx/rivals.react.js
index 171babb..077dd05 100644
--- a/bemani/frontend/static/controllers/iidx/rivals.react.js
+++ b/bemani/frontend/static/controllers/iidx/rivals.react.js
@@ -191,7 +191,7 @@ var rivals_view = createReactClass({
                             />
                             <input type="submit" value="search" />
                             { this.state.searching ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </form>
diff --git a/bemani/frontend/static/controllers/iidx/scores.react.js b/bemani/frontend/static/controllers/iidx/scores.react.js
index 0cced34..827bf52 100644
--- a/bemani/frontend/static/controllers/iidx/scores.react.js
+++ b/bemani/frontend/static/controllers/iidx/scores.react.js
@@ -173,7 +173,7 @@ var network_scores = createReactClass({
                                         <span className="loading" style={ {float: 'right' } }>
                                             <img
                                                 className="loading"
-                                                src={Link.get('static', 'loading-16.gif')}
+                                                src={Link.get('static', window.assets + 'loading-16.gif')}
                                             /> loading more scores...
                                         </span> : null
                                 }
diff --git a/bemani/frontend/static/controllers/iidx/settings.react.js b/bemani/frontend/static/controllers/iidx/settings.react.js
index 3970938..4c2a62b 100644
--- a/bemani/frontend/static/controllers/iidx/settings.react.js
+++ b/bemani/frontend/static/controllers/iidx/settings.react.js
@@ -452,7 +452,7 @@ var settings_view = createReactClass({
                             }.bind(this)}
                         />
                         { this.state.qpro_saving[this.state.version] ?
-                            <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                            <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                             null
                         }
                         { this.state.qpro_saved[this.state.version] ?
@@ -494,7 +494,7 @@ var settings_view = createReactClass({
                             }.bind(this)}
                         />
                         { this.state.theme_saving[this.state.version] ?
-                            <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                            <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                             null
                         }
                         { this.state.theme_saved[this.state.version] ?
@@ -534,7 +534,7 @@ var settings_view = createReactClass({
                             }.bind(this)}
                         />
                         { this.state.menu_saving[this.state.version] ?
-                            <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                            <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                             null
                         }
                         { this.state.menu_saved[this.state.version] ?
diff --git a/bemani/frontend/static/controllers/jubeat/rivals.react.js b/bemani/frontend/static/controllers/jubeat/rivals.react.js
index 33c4383..9cf3740 100644
--- a/bemani/frontend/static/controllers/jubeat/rivals.react.js
+++ b/bemani/frontend/static/controllers/jubeat/rivals.react.js
@@ -175,7 +175,7 @@ var rivals_view = createReactClass({
                             />
                             <input type="submit" value="search" />
                             { this.state.searching ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </form>
diff --git a/bemani/frontend/static/controllers/jubeat/scores.react.js b/bemani/frontend/static/controllers/jubeat/scores.react.js
index 5145d80..befafe8 100644
--- a/bemani/frontend/static/controllers/jubeat/scores.react.js
+++ b/bemani/frontend/static/controllers/jubeat/scores.react.js
@@ -169,7 +169,7 @@ var network_scores = createReactClass({
                                         <span className="loading" style={ {float: 'right' } }>
                                             <img
                                                 className="loading"
-                                                src={Link.get('static', 'loading-16.gif')}
+                                                src={Link.get('static', window.assets + 'loading-16.gif')}
                                             /> loading more scores...
                                         </span> : null
                                 }
diff --git a/bemani/frontend/static/controllers/jubeat/settings.react.js b/bemani/frontend/static/controllers/jubeat/settings.react.js
index fa2b659..3a5a099 100644
--- a/bemani/frontend/static/controllers/jubeat/settings.react.js
+++ b/bemani/frontend/static/controllers/jubeat/settings.react.js
@@ -246,7 +246,7 @@ var settings_view = createReactClass({
                     }.bind(this)}
                 />
                 { this.state.emblem_saving[this.state.version] ?
-                    <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                    <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                     null
                 }
                 { this.state.emblem_saved[this.state.version] ?
diff --git a/bemani/frontend/static/controllers/museca/scores.react.js b/bemani/frontend/static/controllers/museca/scores.react.js
index dce35c1..e5dcb2f 100644
--- a/bemani/frontend/static/controllers/museca/scores.react.js
+++ b/bemani/frontend/static/controllers/museca/scores.react.js
@@ -160,7 +160,7 @@ var network_scores = createReactClass({
                                         <span className="loading" style={ {float: 'right' } }>
                                             <img
                                                 className="loading"
-                                                src={Link.get('static', 'loading-16.gif')}
+                                                src={Link.get('static', window.assets + 'loading-16.gif')}
                                             /> loading more scores...
                                         </span> : null
                                 }
diff --git a/bemani/frontend/static/controllers/popn/rivals.react.js b/bemani/frontend/static/controllers/popn/rivals.react.js
index ecacba0..943f62d 100644
--- a/bemani/frontend/static/controllers/popn/rivals.react.js
+++ b/bemani/frontend/static/controllers/popn/rivals.react.js
@@ -225,7 +225,7 @@ var rivals_view = createReactClass({
                             />
                             <input type="submit" value="search" />
                             { this.state.searching_name ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </form>
@@ -255,7 +255,7 @@ var rivals_view = createReactClass({
                             />
                             <input type="submit" value="search" />
                             { this.state.searching_id ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </form>
diff --git a/bemani/frontend/static/controllers/popn/scores.react.js b/bemani/frontend/static/controllers/popn/scores.react.js
index 0890ff3..30e3914 100644
--- a/bemani/frontend/static/controllers/popn/scores.react.js
+++ b/bemani/frontend/static/controllers/popn/scores.react.js
@@ -169,7 +169,7 @@ var network_scores = createReactClass({
                                         <span className="loading" style={ {float: 'right' } }>
                                             <img
                                                 className="loading"
-                                                src={Link.get('static', 'loading-16.gif')}
+                                                src={Link.get('static', window.assets + 'loading-16.gif')}
                                             /> loading more scores...
                                         </span> : null
                                 }
diff --git a/bemani/frontend/static/controllers/reflec/rivals.react.js b/bemani/frontend/static/controllers/reflec/rivals.react.js
index 5f07d40..f9ca114 100644
--- a/bemani/frontend/static/controllers/reflec/rivals.react.js
+++ b/bemani/frontend/static/controllers/reflec/rivals.react.js
@@ -273,7 +273,7 @@ var rivals_view = createReactClass({
                             />
                             <input type="submit" value="search" />
                             { this.state.searching_name ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </form>
@@ -301,7 +301,7 @@ var rivals_view = createReactClass({
                             />
                             <input type="submit" value="search" />
                             { this.state.searching_id ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </form>
diff --git a/bemani/frontend/static/controllers/reflec/scores.react.js b/bemani/frontend/static/controllers/reflec/scores.react.js
index 1b64192..c0e2f36 100644
--- a/bemani/frontend/static/controllers/reflec/scores.react.js
+++ b/bemani/frontend/static/controllers/reflec/scores.react.js
@@ -164,7 +164,7 @@ var network_scores = createReactClass({
                                         <span className="loading" style={ {float: 'right' } }>
                                             <img
                                                 className="loading"
-                                                src={Link.get('static', 'loading-16.gif')}
+                                                src={Link.get('static', window.assets + 'loading-16.gif')}
                                             /> loading more scores...
                                         </span> : null
                                 }
diff --git a/bemani/frontend/static/controllers/sdvx/rivals.react.js b/bemani/frontend/static/controllers/sdvx/rivals.react.js
index f48df9e..66b97e4 100644
--- a/bemani/frontend/static/controllers/sdvx/rivals.react.js
+++ b/bemani/frontend/static/controllers/sdvx/rivals.react.js
@@ -181,7 +181,7 @@ var rivals_view = createReactClass({
                             />
                             <input type="submit" value="search" />
                             { this.state.searching ?
-                                <img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
+                                <img className="loading" src={Link.get('static', window.assets + 'loading-16.gif')} /> :
                                 null
                             }
                         </form>
diff --git a/bemani/frontend/static/controllers/sdvx/scores.react.js b/bemani/frontend/static/controllers/sdvx/scores.react.js
index 07441ec..d5d25b8 100644
--- a/bemani/frontend/static/controllers/sdvx/scores.react.js
+++ b/bemani/frontend/static/controllers/sdvx/scores.react.js
@@ -153,7 +153,7 @@ var network_scores = createReactClass({
                                         <span className="loading" style={ {float: 'right' } }>
                                             <img
                                                 className="loading"
-                                                src={Link.get('static', 'loading-16.gif')}
+                                                src={Link.get('static', window.assets + 'loading-16.gif')}
                                             /> loading more scores...
                                         </span> : null
                                 }
diff --git a/bemani/frontend/static/loading-16.gif b/bemani/frontend/static/loading-16.gif
deleted file mode 100644
index b7596ab7001ef8a842e625ab9ae8fd7f08f99dfc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 21908
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
J;D5aX{{$4B|K<Py

diff --git a/bemani/frontend/static/loading-20.gif b/bemani/frontend/static/loading-20.gif
deleted file mode 100644
index 54f7f127dc120b3abd2ff433d078eab38a24eb1d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 22489
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

diff --git a/bemani/frontend/static/themes/dark/form.css b/bemani/frontend/static/themes/dark/form.css
index 8203757..a8055e0 100644
--- a/bemani/frontend/static/themes/dark/form.css
+++ b/bemani/frontend/static/themes/dark/form.css
@@ -46,14 +46,14 @@ div.buttons {
 
 input[type="submit"] {
     border: 1px solid #19480a;
-	color: #242526;
+    color: #242526;
     background: #49B979;
     margin-right: 5px;
 }
 
 input[type="button"], button.nav, button.toggle, button.edit, button.add, button.viewmore, button.btn-default {
     border: 1px solid #6a6a6a;
-	color: #b0b1b2;
+    color: #b0b1b2;
     background: #282828;
     margin-right: 5px;
 }
@@ -71,17 +71,17 @@ input[type="text"], input[type="password"], textarea {
     border: 1px solid #6a6a6a;
     padding: 4px;
     border-radius: 0px;
-	background-color: #b3b4b5;
+    background-color: #1f1f1f;
 }
 
 select {
     border: 1px solid #6a6a6a;
     padding: 4px 4px 3px 4px;
     border-radius: 0px;
-	background: #b3b4b5;
+    background: #1f1f1f;
 }
 input {
-	#b3b4b5
+    #1f1f1f
 }
 
 input[type="button"] {
@@ -95,9 +95,9 @@ button.toggle:not(:last-child):not(:only-child), button.edit:not(:last-child):no
 span + button.edit, span + button.toggle, span + button.delete, span + button.add,
 div + button.edit, div + button.toggle, div + button.delete, div + button.add {
     margin-left: 15px;
-	border: 1px solid #6a6a6a;
+    border: 1px solid #6a6a6a;
     background-color: #282828;
-	color: #b3b3b3;
+    color: #cecece;
 }
 
 button.nav {
@@ -125,8 +125,8 @@ button.active {
 }
 
 button {
-	color: #b3b3b3;
-	background-color: #282828;
+    color: #cecece;
+    background-color: #282828;
 }
 
 button.delete {
diff --git a/bemani/frontend/static/themes/dark/loading-16.gif b/bemani/frontend/static/themes/dark/loading-16.gif
new file mode 100755
index 0000000000000000000000000000000000000000..2b55eb25a5d3f8c89a5666b6b674cb8da21bbe3d
GIT binary patch
literal 2741
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
aIk+=I>kH@h)gmqOwE_L(hpFn1SM^`BR!~p?

literal 0
HcmV?d00001

diff --git a/bemani/frontend/static/themes/dark/loading-24.gif b/bemani/frontend/static/themes/dark/loading-24.gif
new file mode 100755
index 0000000000000000000000000000000000000000..972f4f9b42a5095f274246225e13303a29699776
GIT binary patch
literal 4078
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

literal 0
HcmV?d00001

diff --git a/bemani/frontend/static/themes/dark/site.css b/bemani/frontend/static/themes/dark/site.css
index cb31d61..4e1f662 100644
--- a/bemani/frontend/static/themes/dark/site.css
+++ b/bemani/frontend/static/themes/dark/site.css
@@ -1,6 +1,6 @@
 body {
     font-family: Helvetica;
-    color: #b3b3b3;
+    color: #cecece;
     margin: 0px;
     padding-bottom: 30px;
     background-color: #121212;
@@ -29,11 +29,11 @@ div.container {
 div.loading {
     margin-left: 50%;
     margin-right: 50%;
-    height: 20px;
+    height: 24px;
 }
 
 div.navigation {
-    background-color: #b3b4b5;
+    background-color: #1f1f1f;
     padding-left: 10px;
     padding-right: 10px;
 }
@@ -124,7 +124,7 @@ ul.navigation {
     padding-left: 10px;
     padding-right: 10px;
     margin: 0px;
-    background-color: #b3b4b5;
+    background-color: #1f1f1f;
     position: relative;
     text-align: right;
     -webkit-touch-callout: none;
@@ -144,7 +144,7 @@ ul.navigation li {
 ul.navigation_sub {
     display: none;
     position: absolute;
-    background-color: #e4e4e4;
+    background-color: #2d2d2d;
     padding: 10px;
     margin: 0;
     padding: 0;
@@ -186,15 +186,15 @@ ul.navigation li a {
     display: block;
     text-decoration: none;
     padding: 10px;
-    color: #121212;
+    color: #b5b5b5;
 }
 
 ul.navigation li a:hover {
-    background-color: #d2d2d2;
+    background-color: #343434;
 }
 
 ul.navigation li a:active {
-    background-color: #d2d2d2;
+    background-color: #343434;
 }
 
 ul.navigation > li > a.current {
diff --git a/bemani/frontend/static/themes/dark/table.css b/bemani/frontend/static/themes/dark/table.css
index 8d7850a..8b7cd7b 100644
--- a/bemani/frontend/static/themes/dark/table.css
+++ b/bemani/frontend/static/themes/dark/table.css
@@ -20,7 +20,7 @@ table.list th {
 }
 
 table.list th.action {
-    background-color: #b3b4b5;
+    background-color: #1f1f1f;
     border: none;
 }
 
@@ -63,7 +63,7 @@ table.list tbody tr:nth-child(even) td {
 }
 
 table td.subheader {
-    background-color: #b3b4b5 ! important;
+    background-color: #1f1f1f ! important;
     font-weight: bold;
 }
 
@@ -102,7 +102,7 @@ table.records a, table.attempts a, table.topscores a, table.players a, table.jub
 }
 
 td.edit {
-    background-color: #b3b4b5 ! important;
+    background-color: #1f1f1f ! important;
     border: none ! important;
 }
 
diff --git a/bemani/frontend/static/themes/default/loading-16.gif b/bemani/frontend/static/themes/default/loading-16.gif
new file mode 100755
index 0000000000000000000000000000000000000000..fad94ed24ec7480f4cee91c56aefa6df6dd02c26
GIT binary patch
literal 2741
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
TeKlW;d~HDg_+hH}<5l|?!uC*2

literal 0
HcmV?d00001

diff --git a/bemani/frontend/static/themes/default/loading-24.gif b/bemani/frontend/static/themes/default/loading-24.gif
new file mode 100755
index 0000000000000000000000000000000000000000..2880ff56fc30a66644ec5e847119e078bb5235d2
GIT binary patch
literal 4078
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

literal 0
HcmV?d00001

diff --git a/bemani/frontend/static/themes/default/site.css b/bemani/frontend/static/themes/default/site.css
index 44dc320..3f7c521 100644
--- a/bemani/frontend/static/themes/default/site.css
+++ b/bemani/frontend/static/themes/default/site.css
@@ -23,7 +23,7 @@ div.container {
 div.loading {
     margin-left: 50%;
     margin-right: 50%;
-    height: 20px;
+    height: 24px;
 }
 
 div.navigation {
diff --git a/bemani/frontend/templates/base.html b/bemani/frontend/templates/base.html
index a31a83f..78bcf3d 100644
--- a/bemani/frontend/templates/base.html
+++ b/bemani/frontend/templates/base.html
@@ -150,6 +150,7 @@
                     window.{{name}} = {{ val|tojson|safe }};
                 {% endfor %}
             {% endif %}
+            window.assets = {{ assets|tojson|safe }};
         </script>
         <script type="text/javascript">
             $(function () {
diff --git a/bemani/frontend/templates/react.html b/bemani/frontend/templates/react.html
index 03b66d7..e3b6ed8 100644
--- a/bemani/frontend/templates/react.html
+++ b/bemani/frontend/templates/react.html
@@ -5,7 +5,7 @@
 {% block content %}
     <div id="content">
         <div class="loading">
-            <img src="{{ url_for('static', filename='loading-20.gif') }}" />
+            <img src="{{ url_for('static', filename=assets + 'loading-24.gif') }}" />
         </div>
     </div>
 {% endblock %}