Improve options page UI
Now the UI is a little bit more serious.
Fixed: translateselectedtext:12
Change-Id: If00acdd5a1148cb1223b959b4e32ab4029b3d09f
diff --git a/src/options/elements/options-editor/languages-editor.js b/src/options/elements/options-editor/languages-editor.js
index 7845a65..4265d50 100644
--- a/src/options/elements/options-editor/languages-editor.js
+++ b/src/options/elements/options-editor/languages-editor.js
@@ -20,7 +20,7 @@
width: 300px;
height: 250px;
border: 1px solid #ccc;
- background-color: #E3F2FD;
+ background-color: #fafafa;
overflow: auto;
}
@@ -36,7 +36,7 @@
align-items: center;
padding: 15px;
border-bottom: 1px dashed #ddd;
- background-color: #EEF7FD;
+ background-color: white;
-webkit-user-select: none;
}
diff --git a/src/options/options.js b/src/options/options.js
index cba1dd2..4ee6e35 100644
--- a/src/options/options.js
+++ b/src/options/options.js
@@ -36,14 +36,14 @@
position: absolute;
top: 0px;
inset-inline-end: 50px;
- background: rgb(195, 235, 204);
+ background: #e3f2fd;
border: solid 1px rgb(139, 139, 139);
border-top: 0;
border-radius: 0px 0px 5px 5px;
}
#credits_container button#credits {
- color: green!important;
+ color: #1f649d!important;
margin: 0 5px;
padding: 1px 3px;
text-decoration: underline;
diff --git a/src/static/options.html b/src/static/options.html
index acb2157..376d756 100644
--- a/src/static/options.html
+++ b/src/static/options.html
@@ -9,7 +9,6 @@
padding: 0;
width: 470px;
font-size: 90%;
- background-color: #BBDEFB;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic' rel='stylesheet' type='text/css'>