diff --git a/front-end/src/assets/sass/black-dashboard/bootstrap/_forms.scss b/front-end/src/assets/sass/black-dashboard/bootstrap/_forms.scss index e3c9806..38b2de3 100644 --- a/front-end/src/assets/sass/black-dashboard/bootstrap/_forms.scss +++ b/front-end/src/assets/sass/black-dashboard/bootstrap/_forms.scss @@ -5,6 +5,7 @@ // .form-control { + background: #000000ab; display: block; width: 100%; height: $input-height; @@ -12,7 +13,7 @@ font-size: $font-size-base; line-height: $input-line-height; color: $input-color; - background-color: $input-bg; + background-color: rgba($input-bg, 0.5); background-clip: padding-box; border: $input-border-width solid $input-border-color; diff --git a/front-end/src/assets/sass/black-dashboard/bootstrap/_navbar.scss b/front-end/src/assets/sass/black-dashboard/bootstrap/_navbar.scss index 52de505..7642a81 100644 --- a/front-end/src/assets/sass/black-dashboard/bootstrap/_navbar.scss +++ b/front-end/src/assets/sass/black-dashboard/bootstrap/_navbar.scss @@ -40,6 +40,7 @@ // Used for brand, project, or site names. .navbar-brand { + font-family: $font-family-primary; display: inline-block; padding-top: $navbar-brand-padding-y; padding-bottom: $navbar-brand-padding-y; diff --git a/front-end/src/assets/sass/black-dashboard/custom/_navbar.scss b/front-end/src/assets/sass/black-dashboard/custom/_navbar.scss index b5d9402..227e5ae 100644 --- a/front-end/src/assets/sass/black-dashboard/custom/_navbar.scss +++ b/front-end/src/assets/sass/black-dashboard/custom/_navbar.scss @@ -107,7 +107,12 @@ margin-left: 17px; margin-top: 3px; text-transform: uppercase; - font-size: $font-paragraph; + font-size: $font-size-xl; + font-weight: bold; + + small { + font-size: $font-paragraph; + } } .navbar-toggle button:focus, .navbar-toggler{ diff --git a/front-end/src/assets/sass/black-dashboard/custom/_sidebar-and-main-panel.scss b/front-end/src/assets/sass/black-dashboard/custom/_sidebar-and-main-panel.scss index f5bd6f8..aad1c72 100644 --- a/front-end/src/assets/sass/black-dashboard/custom/_sidebar-and-main-panel.scss +++ b/front-end/src/assets/sass/black-dashboard/custom/_sidebar-and-main-panel.scss @@ -182,22 +182,11 @@ } &.active > a:not([data-toggle="collapse"]){ - background: transparent; + background: rgba(0, 0, 0, 0.15); i,p{ color: white; } - - &:before{ - content: " "; - position: absolute; - height: 6px; - width: 6px; - top: 22px; - left: -4px; - background: $white; - border-radius: 50%; - } } &.active > a[data-toggle="collapse"]{ diff --git a/front-end/src/assets/sass/black-dashboard/custom/_variables.scss b/front-end/src/assets/sass/black-dashboard/custom/_variables.scss index 1022b42..7a85568 100644 --- a/front-end/src/assets/sass/black-dashboard/custom/_variables.scss +++ b/front-end/src/assets/sass/black-dashboard/custom/_variables.scss @@ -100,7 +100,7 @@ $default-color-opacity: rgba(182, 182, 182, .6) !default; $orange-color: #f96332 !default; $default: #344675 !default; -$primary: #e14eca !default; +$primary: #2e5543 !default; $secondary: #f4f5f7 !default; $success: #00f2c3 !default; $info: #1d8cf8 !default; @@ -111,7 +111,7 @@ $vue: #42b883 !default; // gradient $default-states: #263148 !default; -$primary-states: #ba54f5 !default; +$primary-states: #111513 !default; $success-states: #0098f0 !default; $info-states: #3358f4 !default; $warning-states: #ff6491 !default; @@ -119,8 +119,8 @@ $danger-states: #ec250d !default; $black-states: #1d253b !default; $vue-states: #389466 !default; -$background-black: #1e1e2f !default; -$background-states-black: #1e1e24 !default; +$background-black: #323232 !default; +$background-states-black: #1c1a1a !default; // opacity $default-opacity: rgba(182, 182, 182, .6) !default; @@ -379,7 +379,7 @@ $general-transition-time: 300ms !default; // Fonts - +$font-family-primary: 'Poppins', sans-serif !default; $font-family-base: 'Poppins', sans-serif !default; $font-family-alt: 'Poppins', sans-serif !default; @@ -899,7 +899,7 @@ $card-border-color: rgba($black, .05); $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}); $card-cap-bg: $gray-100 !default; $card-bg: $white !default; -$card-black-background: #27293d !default; +$card-black-background: #463727 !default; $card-img-overlay-padding: 1.25rem !default; //$card-group-margin: ($grid-gutter-width / 2); diff --git a/front-end/src/layout/dashboard/DashboardLayout.vue b/front-end/src/layout/dashboard/DashboardLayout.vue index 7eea56f..1325f2a 100644 --- a/front-end/src/layout/dashboard/DashboardLayout.vue +++ b/front-end/src/layout/dashboard/DashboardLayout.vue @@ -17,6 +17,12 @@

Github Repo

+
  • + + +

    Powered by Truffle Security

    +     +
    • diff --git a/front-end/src/layout/dashboard/TopNavbar.vue b/front-end/src/layout/dashboard/TopNavbar.vue index 6f4070e..5ceb648 100644 --- a/front-end/src/layout/dashboard/TopNavbar.vue +++ b/front-end/src/layout/dashboard/TopNavbar.vue @@ -13,7 +13,7 @@
    - {{routeName}} + XSS HUNTER | {{routeName}}