viewer: disabled colour is now static instead of an arbitrary alpha

2 files changed, 4 insertions, 2 deletions

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 1b474e8..f46b9f5 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -33,7 +33,7 @@ $loader-color: #272727;
 // Overrides - Buefy
 $link: $panel-top-txtcolor;
 $link-hover: lightblue;
-$disabled-color: rgba($link, 0.3);
+$disabled-color: #656589;
 $control-radius: 0;
 $input-radius: 0;
 $loading-background: $panel-top-bgcolor;
diff --git a/viewer/src/components/LdBreadcrumb.vue b/viewer/src/components/LdBreadcrumb.vue
index 8c5b7eb..171e96a 100644
--- a/viewer/src/components/LdBreadcrumb.vue
+++ b/viewer/src/components/LdBreadcrumb.vue
@@ -42,8 +42,10 @@ export default class LdBreadcrumb extends Vue {
 </script>
 
 <style lang="scss">
+@import "@/assets/scss/theme.scss";
+
 .ld-breadcrumb {
-  border-left: 2px solid rgba(white, 0.1);
+  border-left: 1px solid $disabled-color;
   padding-left: 15px;
   display: flex;
   list-style: none;