diff --git a/packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss b/packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss
index 882d96b3d97..f8a3a408bab 100644
--- a/packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss
+++ b/packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss
@@ -37,7 +37,7 @@
.panel-options-group__add-circle {
- @include gradientBar($btn-primary-bg, $btn-primary-bg-hl, #fff);
+ @include gradientBar($btn-secondary-bg, $btn-secondary-bg-hl, #fff);
border-radius: 50px;
width: 20px;
diff --git a/packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss b/packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss
index 76f390defaf..e2cbfc372a9 100644
--- a/packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss
+++ b/packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss
@@ -21,7 +21,7 @@
}
.thresholds-row-add-button {
- @include buttonBackground($btn-primary-bg, $btn-primary-bg-hl, #fff);
+ @include buttonBackground($btn-secondary-bg, $btn-secondary-bg-hl, #fff);
align-self: center;
margin-right: 5px;
diff --git a/public/app/features/dashboard/components/TimePicker/template.html b/public/app/features/dashboard/components/TimePicker/template.html
index 168d2036a7f..481082a2cf6 100644
--- a/public/app/features/dashboard/components/TimePicker/template.html
+++ b/public/app/features/dashboard/components/TimePicker/template.html
@@ -48,7 +48,7 @@
-
@@ -65,7 +65,7 @@
-
+
@@ -81,7 +81,7 @@
- Apply
+ Apply
diff --git a/public/sass/_variables.dark.scss b/public/sass/_variables.dark.scss
index de53a3d6058..1ed3ecf2cf7 100644
--- a/public/sass/_variables.dark.scss
+++ b/public/sass/_variables.dark.scss
@@ -6,7 +6,7 @@ $theme-name: dark;
// New Colors
// -------------------------
$sapphire-faint: #041126;
-$sapphire-bright: #5794F2;
+$sapphire-light: #5794F2;
$sapphire-base: #3274D9;
$sapphire-shade: #1F60C4;
$lobster-base: #E02F44;
@@ -96,7 +96,7 @@ $edit-gradient: linear-gradient(180deg, rgb(22, 23, 25) 50%, #090909);
$link-color: darken($white, 11%);
$link-color-disabled: darken($link-color, 30%);
$link-hover-color: $white;
-$external-link-color: $sapphire-bright;
+$external-link-color: $sapphire-light;
// Typography
// -------------------------
@@ -159,14 +159,11 @@ $table-bg-hover: $dark-3;
// Buttons
// -------------------------
-$btn-primary-bg: $green-base;
-$btn-primary-bg-hl: $green-shade;
+$btn-primary-bg: $sapphire-base;
+$btn-primary-bg-hl: $sapphire-shade;
-$btn-secondary-bg-hl: $sapphire-base;
-$btn-secondary-bg: $sapphire-shade;
-
-$btn-secondary-bg: $sapphire-base;
-$btn-secondary-bg-hl: $sapphire-shade;
+$btn-secondary-bg: $green-base;
+$btn-secondary-bg-hl: $green-shade;
$btn-danger-bg: $lobster-base;
$btn-danger-bg-hl: $lobster-shade;
@@ -270,7 +267,6 @@ $toolbar-bg: $input-black;
$warning-text-color: $warn;
$error-text-color: #e84d4d;
$success-text-color: $forest-light;
-//$info-text-color: $blue-dark;
$alert-error-bg: linear-gradient(90deg, $lobster-base, $lobster-shade);
$alert-success-bg: linear-gradient(90deg, $green-base, $green-shade);
@@ -347,7 +343,7 @@ $diff-json-changed-num: $text-color;
$diff-json-icon: $gray-7;
//Submenu
-$variable-option-bg: $sapphire-shade;
+$variable-option-bg: $dropdownLinkBackgroundHover;
//Switch Slider
// -------------------------
@@ -370,12 +366,12 @@ $panel-editor-shadow: 0 0 20px black;
$panel-editor-side-menu-shadow: drop-shadow(0 0 10px $black);
$panel-editor-viz-item-shadow: 0 0 8px $dark-5;
$panel-editor-viz-item-border: 1px solid $dark-5;
-$panel-editor-viz-item-shadow-hover: 0 0 4px $sapphire-shade;
-$panel-editor-viz-item-border-hover: 1px solid $sapphire-shade;
+$panel-editor-viz-item-shadow-hover: 0 0 4px $sapphire-light;
+$panel-editor-viz-item-border-hover: 1px solid $sapphire-light;
$panel-editor-viz-item-bg: $input-black;
$panel-editor-tabs-line-color: #e3e3e3;
-$panel-editor-viz-item-bg-hover: darken($blue, 47%);
+$panel-editor-viz-item-bg-hover: darken($sapphire-base, 46%);
$panel-options-group-border: none;
$panel-options-group-header-bg: $gray-blue;
diff --git a/public/sass/_variables.light.scss b/public/sass/_variables.light.scss
index bf5115cd996..076bb27bc74 100644
--- a/public/sass/_variables.light.scss
+++ b/public/sass/_variables.light.scss
@@ -155,11 +155,11 @@ $table-bg-hover: $gray-5;
// Buttons
// -------------------------
-$btn-primary-bg: $green-base;
-$btn-primary-bg-hl: $green-shade;
+$btn-secondary-bg: $green-base;
+$btn-secondary-bg-hl: $green-shade;
-$btn-secondary-bg: $sapphire-base;
-$btn-secondary-bg-hl: $sapphire-shade;
+$btn-primary-bg: $sapphire-base;
+$btn-primary-bg-hl: $sapphire-shade;
$btn-danger-bg: $lobster-base;
$btn-danger-bg-hl: $lobster-shade;
@@ -263,7 +263,6 @@ $toolbar-bg: white;
$warning-text-color: lighten($orange, 10%);
$error-text-color: $lobster-shade;
$success-text-color: lighten($green, 10%);
-$info-text-color: $sapphire-shade;
$alert-error-bg: linear-gradient(90deg, $lobster-base, $lobster-shade);
$alert-success-bg: linear-gradient(90deg, $green-base, $green-shade);
@@ -340,7 +339,7 @@ $diff-json-changed-num: $gray-4;
$diff-json-icon: $gray-4;
//Submenu
-$variable-option-bg: $sapphire-light;
+$variable-option-bg: $dropdownLinkBackgroundHover;
//Switch Slider
// -------------------------
@@ -363,14 +362,11 @@ $panel-editor-shadow: 0px 0px 8px $gray-3;
$panel-editor-side-menu-shadow: drop-shadow(0 0 2px $gray-3);
$panel-editor-viz-item-shadow: 0 0 4px $gray-3;
$panel-editor-viz-item-border: 1px solid $gray-3;
-$panel-editor-viz-item-shadow-hover: 0 0 4px $sapphire-light;
-$panel-editor-viz-item-border-hover: 1px solid $sapphire-light;
+$panel-editor-viz-item-shadow-hover: 0 0 4px $blue-light;
+$panel-editor-viz-item-border-hover: 1px solid $blue-light;
$panel-editor-viz-item-bg: $white;
$panel-editor-tabs-line-color: $dark-5;
-$panel-editor-viz-item-bg-hover: lighten($blue, 62%);
-
-
-$panel-options-group-border: none;
+$panel-editor-viz-item-bg-hover: lighten($blue, 62%);$panel-options-group-border: none;
$panel-options-group-header-bg: $gray-5;
$panel-grid-placeholder-bg: $sapphire-faint;
diff --git a/public/sass/base/_type.scss b/public/sass/base/_type.scss
index e5a20a80659..9919a370a87 100644
--- a/public/sass/base/_type.scss
+++ b/public/sass/base/_type.scss
@@ -59,14 +59,6 @@ a.text-error:focus {
color: darken($error-text-color, 10%);
}
-/*.text-info {
- color: $info-text-color;
-}
-a.text-info:hover,
-a.text-info:focus {
- color: darken($info-text-color, 10%);
-}*/
-
.text-success {
color: $success-text-color;
}
diff --git a/public/sass/components/_buttons.scss b/public/sass/components/_buttons.scss
index 84e2665f582..0c1ac726690 100644
--- a/public/sass/components/_buttons.scss
+++ b/public/sass/components/_buttons.scss
@@ -83,9 +83,11 @@
// Set the backgrounds
// -------------------------
+.btn-success,
.btn-primary {
@include buttonBackground($btn-primary-bg, $btn-primary-bg-hl);
}
+
.btn-secondary {
@include buttonBackground($btn-secondary-bg, $btn-secondary-bg-hl);
}