make classic theme look more like AA

4 files changed, 92 insertions, 3 deletions

diff --git a/webAO/client.html b/webAO/client.html
index 8c53428..306a01a 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -6,7 +6,7 @@
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" type="text/css" href="styles/client.css?v=1.0.0" id="client_stylesheet">
-	<link rel="stylesheet" type="text/css" href="styles/classic.css?v=1.0.0" id="client_theme">
+	<link rel="stylesheet" type="text/css" href="styles/default.css?v=1.0.0" id="client_theme">
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 	<link type="text/css" rel="stylesheet" href="golden/css/goldenlayout.css" />
 	<link type="text/css" rel="stylesheet"
@@ -293,8 +293,9 @@
 			<br>
 			<label for="client_themeselect">Theme:</label>
 			<select id="client_themeselect" name="client_themeselect" onchange="reloadTheme()">
-				<option value="classic" selected>Classic</option>
-				<option value="soj">SoJ</option>
+				<option value="default" selected>Default</option>
+				<option value="classic">Classic</option>
+				<option value="soj">DD / SoJ</option>
 			</select>
 			<br>
 			<br>
diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css
index 5235f70..3ac5bfe 100644
--- a/webAO/styles/classic.css
+++ b/webAO/styles/classic.css
@@ -44,4 +44,36 @@ img {
 #client_chat p {
 	margin: 4px;
 	color: white;
+}
+
+#evi_name {
+	background-color: #393939;
+	color: #ffad18;
+}
+
+#evi_desc {
+	flex: 1 auto;
+	background-color: #9cc694;
+}
+
+#client_menu {
+	background-color: #5a5a5a;	
+	overflow-y: auto;
+	height: 100%;
+}
+
+#client_menu:after {
+	position: absolute;
+	content:"";
+	pointer-events: none;
+	background: repeating-linear-gradient(transparent, transparent 3px, rgba(255,255,255,0.2) 3px, rgba(255,255,255,0.2) 4px);
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	opacity:0.5;
+  }
+
+.menu_content {
+	background-color: #847342;
 }
\ No newline at end of file
diff --git a/webAO/styles/default.css b/webAO/styles/default.css
new file mode 100644
index 0000000..5235f70
--- /dev/null
+++ b/webAO/styles/default.css
@@ -0,0 +1,47 @@
+body {
+	font-family: "Ace Attorney", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS Gothic", "ＭＳ Ｐゴシック", "Tahoma", Sans;
+}
+
+img {
+	image-rendering: -moz-crisp-edges;
+	image-rendering: -o-crisp-edges;
+	image-rendering: -webkit-optimize-contrast;
+	image-rendering: crisp-edges;
+	-ms-interpolation-mode: nearest-neighbor;
+}
+
+#client_name {
+	display: none;
+	padding: 0px 6px;
+	height: 7%;
+	border: 1px solid rgba(255, 255, 255, 0.7);
+	background: rgba(73, 0, 254, 0.5);
+	top: 63%;
+	border-radius: 3px;
+	position: absolute;
+}
+
+#client_chat {
+	font-size: 1em;
+	display: none;
+	width: 98%;
+	width: calc(100% - 4px);
+	margin: auto;
+	height: 30%;
+	border: 2px solid rgba(255, 255, 255, 0.7);
+	background-color: rgba(0, 0, 0, 0.5);
+	top: 70%;
+	border-radius: 4px;
+	position: absolute;
+	word-break: keep-all;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+	scroll-behavior: smooth;
+}
+
+#client_chat p {
+	margin: 4px;
+	color: white;
+}
\ No newline at end of file
diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css
index 3932b7e..10aab6b 100644
--- a/webAO/styles/soj.css
+++ b/webAO/styles/soj.css
@@ -42,4 +42,13 @@ body {
 	margin: 4px;
 	padding: 5px 10px;
 	color: white;
+}
+
+#evi_name {
+	background-color: #242e25;
+}
+
+#evi_desc {
+	flex: 1 auto;
+	background: repeating-linear-gradient(#83b893, #83b893 14px, #222 14px, #222 15px);
 }
\ No newline at end of file