frontend CHANGE utilize liberouter-gui color variables and define Netopeer colorTheme
diff --git a/frontend/_netopeer-common.scss b/frontend/_netopeer-common.scss
index 9154f15..7fc0782 100644
--- a/frontend/_netopeer-common.scss
+++ b/frontend/_netopeer-common.scss
@@ -1,3 +1,5 @@
+@import "./colors";
+
$colorSuccess: #def2de;
$colorSuccessBorder: green;
$colorFailure: #f2dede;
@@ -12,8 +14,8 @@
.netopeer-content {
display: block;
padding: 0.7em 1em 1em 2em;
- background-color: #FAFAFA;
- color: #000;
+ background-color: $colorBackground;
+ color: $black;
}
.msg-rounded {
@@ -32,7 +34,7 @@
.msg-success {
background-color: $colorSuccess;
- color: green;
+ color: $colorSuccessBorder;
padding: 5px 1em 5px 0em;
.msg-close {
@@ -42,7 +44,7 @@
.msg-failure {
background-color: $colorFailure;
- color: red;
+ color: colorFailureBorder;
padding: 5px 1em 5px 0em;
.msg-close {