diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.html deleted file mode 100644 index 288f6af77156b9..00000000000000 --- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.html +++ /dev/null @@ -1,75 +0,0 @@ -
-

Follow these instructions to install Filebeat

- Now that you've got a fresh pipeline and index pattern, let's throw some data at it! -
- -
-
    -
  1. Install Filebeat on all servers on which you want to tail logs - ( - instructions - ) -
  2. - -
  3. - Point Filebeat at the log files you want to tail - ( - instructions - ) -
  4. - -
  5. - Configure Filebeat to send data through your new Elasticsearch pipeline - ( - instructions - )
    - At minimum you'll need to configure Filebeat's Elasticsearch output with a hostname, an index name, and a - - paramaters - block. Your config should end up looking something like this:

    -
    -output:
    - elasticsearch:
    -   hosts: ["your-elasticsearch-host"]
    -   index: "your-base-index-name"
    -   parameters:
    -     pipeline: "{{installStep.pipelineId}}"
    - NOTE: The Filebeat config takes a base index name and automatically rotates the target index by appending "-{date}" - to the end, so if your pattern was "filebeat-*" you would make the index name "filebeat" in filebeat.yml.

    -
  6. - - -
  7. - Configure Filebeat to send data to Elasticsearch - ( - instructions - )
    - At minimum you'll need to configure Filebeat's Elasticsearch output with a hostname and an index name. - Your config should end up looking something like this:

    -
    -output:
    - elasticsearch:
    -   hosts: ["your-elasticsearch-host"]
    -   index: "your-base-index-name"
    - NOTE: The Filebeat config takes a base index name and automatically rotates the target index by appending "-{date}" - to the end, so if your pattern was "filebeat-*" you would make the index name "filebeat" in filebeat.yml.

    -
  8. - -
  9. - Edit filebeat.template.json (in the Filebeat directory). The line that reads - "template": "filebeat-*" should become - "template": "{{ installStep.results.indexPattern.id }}". -
  10. - -
  11. Run Filebeat on each server - ( - instructions - ) -
  12. -
  13. Verify your filebeat installation below. We'll poll your new index pattern for documents and let you know when - they show up. If you'd like to skip this step, simply click Done now. -
  14. -
-
- - diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.html new file mode 100644 index 00000000000000..7aef7604162119 --- /dev/null +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.html @@ -0,0 +1,84 @@ +

Follow these instructions to install Filebeat. +Now that you've got a fresh pipeline and index pattern, let's throw some data at it! +

+ +
+
    +
  1. + + Install Filebeat on all servers on which you want to tail logs   + + instructions + + +
  2. + +
  3. + + Point Filebeat at the log files you want to tail   + + instructions + + +
  4. + +
  5. + + Configure Filebeat to send data through your new Elasticsearch pipeline   + + instructions +
    + At minimum you'll need to configure Filebeat's Elasticsearch output with a hostname, an index name, and a + + paramaters + block. Your config should end up looking something like this:
    +
    +output:
    + elasticsearch:
    +   hosts: ["your-elasticsearch-host"]
    +   index: "your-base-index-name"
    +   parameters:
    +     pipeline: "{{installStep.pipelineId}}"
    + NOTE: The Filebeat config takes a base index name and automatically rotates the target index by appending "-{date}" + to the end, so if your pattern was "filebeat-*" you would make the index name "filebeat" in filebeat.yml.
    +
    +
  6. + + +
  7. + + Configure Filebeat to send data to Elasticsearch   + + instructions +
    + At minimum you'll need to configure Filebeat's Elasticsearch output with a hostname and an index name. + Your config should end up looking something like this:
    +
    +output:
    + elasticsearch:
    +   hosts: ["your-elasticsearch-host"]
    +   index: "your-base-index-name"
    + NOTE: The Filebeat config takes a base index name and automatically rotates the target index by appending "-{date}" + to the end, so if your pattern was "filebeat-*" you would make the index name "filebeat" in filebeat.yml.
    +
    +
  8. + +
  9. + + Run Filebeat on each server   + + instructions + + +
  10. +
  11. + + Verify your filebeat installation below. We'll poll your new index pattern for documents and let you know when + they show up. If you'd like to skip this step, simply click Done now. + +
  12. +
+
+ + diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.js b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.js similarity index 67% rename from src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.js rename to src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.js index 88282f7469d104..5beefb85db75d2 100644 --- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.js +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.js @@ -1,7 +1,8 @@ import modules from 'ui/modules'; -import template from 'plugins/kibana/settings/sections/indices/add_data_steps/install_filebeat_step.html'; +import template from './install_filebeat_step.html'; import 'ui/pattern_checker'; -import { patternToIngest } from '../../../../../common/lib/convert_pattern_and_ingest_name'; +import { patternToIngest } from '../../../../../../common/lib/convert_pattern_and_ingest_name'; +import './styles/_add_data_install_filebeat_step.less'; modules.get('apps/settings') .directive('installFilebeatStep', function () { diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/styles/_add_data_install_filebeat_step.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/styles/_add_data_install_filebeat_step.less new file mode 100644 index 00000000000000..e1045ccf0358d8 --- /dev/null +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/styles/_add_data_install_filebeat_step.less @@ -0,0 +1,22 @@ +install-filebeat-step { + + .install-filebeat { + > ol { + padding-left: 1em; + + > li { + padding: 4px 0; + font-weight: bold; + + > span { + font-weight: normal; + + > pre { + margin: 7px 0; + } + } + } + } + } + +} diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.html deleted file mode 100644 index 382b31765d07d0..00000000000000 --- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.html +++ /dev/null @@ -1,12 +0,0 @@ -
-

Provide some sample logs

- Paste in one or more lines from the file you intend to tail. We'll use these samples in the following steps to help - you build an ingest pipeline and configure a Kibana index pattern. Log lines can be raw strings or - formatted as JSON. If your logs are raw strings but you intend to use - Filebeat's metadata, - you'll want to paste the JSON as it will come out of Filebeat. -
- -
- -
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.html new file mode 100644 index 00000000000000..25de6ba36f6a50 --- /dev/null +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.html @@ -0,0 +1,11 @@ +

Provide some sample logs. +Paste in one or more lines from the file you intend to tail. We'll use these samples in the following steps to help +you build an ingest pipeline and configure a Kibana index pattern. Log lines can be raw strings or +formatted as JSON. If your logs are raw strings but you intend to use +Filebeat's metadata, +you'll want to paste the JSON as it will come out of Filebeat. +

+ +
+ +
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.js b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js similarity index 89% rename from src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.js rename to src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js index 1e78ea45559f86..35acb814993e04 100644 --- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.js +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js @@ -1,6 +1,7 @@ import modules from 'ui/modules'; -import template from 'plugins/kibana/settings/sections/indices/add_data_steps/paste_samples_step.html'; +import template from './paste_samples_step.html'; import _ from 'lodash'; +import './styles/_add_data_paste_samples_step.less'; modules.get('apps/settings') .directive('pasteSamplesStep', function () { diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/styles/_add_data_paste_samples_step.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/styles/_add_data_paste_samples_step.less new file mode 100644 index 00000000000000..ac0d1f2b8e3713 --- /dev/null +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/styles/_add_data_paste_samples_step.less @@ -0,0 +1,6 @@ +.paste-samples { + textarea { + width: 100%; + height: 250px; + } +} diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.html deleted file mode 100644 index 5a8735d7b3ea80..00000000000000 --- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.html +++ /dev/null @@ -1,32 +0,0 @@ -
-

Review the index pattern

- Here we'll define how and where to store your parsed events. We've made some intellient guesses for you, but most - fields can be changed if we got it wrong! -
- -
-
- - -
- - - -
- -
- - -
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html new file mode 100644 index 00000000000000..da4662e7c962a3 --- /dev/null +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html @@ -0,0 +1,29 @@ +

Review the index pattern. + Here we'll define how and where to store your parsed events. We've made some intelligent guesses for you, but most + fields can be changed if we got it wrong! +

+ +
+ + Patterns allow you to define dynamic index names using * as a wildcard. Example: filebeat-* + + + +
+ + + diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.js b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.js similarity index 96% rename from src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.js rename to src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.js index b96f991b6397a8..7d4cbcc6fb82a9 100644 --- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.js +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.js @@ -1,7 +1,8 @@ import modules from 'ui/modules'; -import template from 'plugins/kibana/settings/sections/indices/add_data_steps/pattern_review_step.html'; +import template from './pattern_review_step.html'; import _ from 'lodash'; import editFieldTypeHTML from 'plugins/kibana/settings/sections/indices/partials/_edit_field_type.html'; +import './styles/_add_data_pattern_review_step.less'; function pickDefaultTimeFieldName(dateFields) { if (_.isEmpty(dateFields)) { diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less new file mode 100644 index 00000000000000..3b9d7279404cc7 --- /dev/null +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less @@ -0,0 +1,71 @@ +@import (reference) "../../../styles/_add_data_wizard"; + +pattern-review-step { + margin-bottom: 14px; + + .pattern-review { + margin-bottom: 15px; + + label { + margin-bottom: 0; + } + + .time-field-input { + padding-left: 14px; + margin-bottom: 0; + } + + .pattern-input { + width: 300px; + margin-right: 7px; + } + + > .help-block { + margin-top: 0; + } + } + + paginated-table.pattern-review-field-table { + table { + border-bottom: 3px solid @settings-filebeat-wizard-panel-bg; + + tr { + .form-group; + } + + th { + border-bottom: 0; + padding-top: 10px; + padding-bottom: 10px; + background-color: @settings-filebeat-wizard-panel-bg; + font-weight: normal; + } + + td { + border-top: 3px solid @settings-filebeat-wizard-panel-bg; + vertical-align: middle; + padding-right: 14px; + } + + select { + .form-control; + .wizard-container.form-control; + + min-width: 105px; + } + } + + paginate-controls { + position: relative; + + ul > li > a { + background-color: @settings-filebeat-wizard-panel-bg; + } + + form.pagination-size { + position: absolute; + right: 0; + } + } + } +} diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less index 7ecf231325032d..4096b341673f90 100644 --- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less @@ -50,14 +50,6 @@ pipeline-setup { } } - pre { - border: none; - background-color: @settings-filebeat-wizard-panel-bg; - border-radius: 0px; - white-space: pre-wrap; - margin: 0px; - } - .add-processor { padding:10px; margin-bottom: 10px; @@ -67,7 +59,7 @@ pipeline-setup { justify-content: flex-start; align-items: center; - select { + select.form-control { background-color: @settings-filebeat-wizard-processor-select-bg; border: none; width: auto; diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less index 33312e48fa5339..9d47774a55eb17 100644 --- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less +++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less @@ -36,17 +36,6 @@ processor-ui-container { } } - .form-group { - margin-bottom: 5px; - } - - .form-control { - background-color: #f5fafb; - border-color: #86bbcb; - border-width: 1px; - border-radius: 4px; - } - label { font-weight: normal; } diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html index e776537d397ca7..b1a219a0ef4bc2 100644 --- a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html +++ b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html @@ -25,7 +25,7 @@
-
+
-
+ +
@@ -94,13 +94,16 @@
-
diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js index e772ce4669f0e7..6de8287171bfff 100644 --- a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js +++ b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js @@ -5,7 +5,7 @@ import 'plugins/kibana/settings/sections/indices/add_data_steps/pattern_review_s import 'plugins/kibana/settings/sections/indices/add_data_steps/paste_samples_step'; import 'plugins/kibana/settings/sections/indices/add_data_steps/pipeline_setup'; import 'plugins/kibana/settings/sections/indices/add_data_steps/install_filebeat_step'; -import '../styles/_filebeat_wizard.less'; +import '../../styles/_add_data_wizard.less'; // wrapper directive, which sets up the breadcrumb for all filebeat steps modules.get('apps/settings') diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less b/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less deleted file mode 100644 index f796781bb80917..00000000000000 --- a/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less +++ /dev/null @@ -1,83 +0,0 @@ -@import (reference) "~ui/styles/variables"; -@import (reference) "~ui/styles/mixins"; -@import (reference) "~ui/styles/theme"; - -filebeat-wizard { - //************* Common Styles? *********************// - .btn-primary.collapser { - background-color: transparent; - - &:hover { - background-color: transparent; - } - } - - button.collapser { - i { - color: @kibanaBlue3; - font-size: 1.5em; - } - - &:hover { - i { - color: @kibanaBlue1; - } - } - } - - h2 { - font-size: 1.5em; - margin-bottom: 15px; - - em { - font-style: normal; - color: @kibanaPink1; - } - } - - .btn-primary { - &:hover { - background-color: @kibanaBlue1; - } - } - - .btn-secondary { - background-color: white; - border-color: @kibanaBlue3; - color: @kibanaBlue3; - - &:hover { - background-color: @kibanaBlue1; - } - } - //************* Common Styles? *********************// - - .nav-buttons { - float: right; - } - - .filebeat-wizard-buttons { - display: flex; - float: none; - - div { - width:100px; - flex: 1 1 auto; - display: flex; - } - - :nth-child(1) { - justify-content: flex-start; - } - :nth-child(2) { - justify-content: center; - } - :nth-child(3) { - justify-content: flex-end; - } - } - - .install-filebeat { - padding-bottom: 1em; - } -} diff --git a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less new file mode 100644 index 00000000000000..e8354811ae026b --- /dev/null +++ b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less @@ -0,0 +1,129 @@ +@import (reference) "~ui/styles/variables"; +@import (reference) "~ui/styles/mixins"; +@import (reference) "~ui/styles/theme"; + +.wizard-container { + padding: 0 10px; + + .btn-primary.collapser { + background-color: transparent; + + &:hover { + background-color: transparent; + } + } + + button.collapser { + i { + color: @kibanaBlue3; + font-size: 1.5em; + } + + &:hover { + i { + color: @kibanaBlue1; + } + } + } + + h2 { + font-size: 1.5em; + margin-bottom: 15px; + + em { + font-style: normal; + color: @kibanaPink1; + } + } + + .btn-primary { + &:hover { + background-color: @kibanaBlue1; + } + } + + .btn-secondary { + background-color: white; + border-color: @kibanaBlue3; + color: @kibanaBlue3; + + &:hover { + background-color: @kibanaBlue1; + } + } + + .form-group { + margin-bottom: 5px; + } + + .form-control { + background-color: @settings-add-data-wizard-form-control-bg; + border-color: @settings-add-data-wizard-form-control-border; + border-width: 1px; + border-radius: 4px; + } +} + +.wizard-step-headings{ + padding-top: 14px; + + .wizard-step-heading { + font-size: 1.3em; + padding: 6px 18px; + margin: 0 2px; + background-color: @settings-add-data-wizard-step-heading-complete-bg; + color: @settings-add-data-wizard-step-heading-complete-color; + + &.active { + cursor: default; + background-color: @settings-add-data-wizard-step-heading-active-bg; + color: @settings-add-data-wizard-step-heading-active-color; + } + &.aheadActive { + cursor: default; + background-color: @settings-add-data-wizard-step-heading-incomplete-bg; + color: @settings-add-data-wizard-step-heading-incomplete-color; + } + } + + &.complete { + .wizard-step-heading:not(.active) { + cursor: default; + } + } +} + +.wizard-step-title { + padding-bottom: 14px; +} + +.wizard-nav-buttons { + display: flex; + float: none; + margin-top: 14px; + + div { + width:100px; + flex: 1 1 auto; + display: flex; + } + + :nth-child(1) { + justify-content: flex-start; + } + :nth-child(2) { + justify-content: center; + } + :nth-child(3) { + justify-content: flex-end; + } +} + +pre { + border: none; + background-color: @settings-filebeat-wizard-panel-bg; + border-radius: 0px; + white-space: pre-wrap; + margin: 0px; +} + diff --git a/src/plugins/kibana/public/settings/styles/main.less b/src/plugins/kibana/public/settings/styles/main.less index 8b0095a2bddebb..002ea4c2f0852a 100644 --- a/src/plugins/kibana/public/settings/styles/main.less +++ b/src/plugins/kibana/public/settings/styles/main.less @@ -205,57 +205,3 @@ kbn-settings-indices { .time-and-pattern > div {} } -.wizard-container { - padding: 0 10px; -} - -.wizard-step-headings{ - padding-top: 14px; - - .wizard-step-heading { - font-size: 1.3em; - padding: 6px 18px; - margin: 0 2px; - background-color: @settings-add-data-wizard-step-heading-complete-background; - color: @settings-add-data-wizard-step-heading-complete-color; - - &.active { - cursor: default; - background-color: @settings-add-data-wizard-step-heading-active-background; - color: @settings-add-data-wizard-step-heading-active-color; - } - &.aheadActive { - cursor: default; - background-color: @settings-add-data-wizard-step-heading-incomplete-background; - color: @settings-add-data-wizard-step-heading-incomplete-color; - } - } - - &.complete { - .wizard-step-heading:not(.active) { - cursor: default; - } - } -} - -.wizard-step-title { - padding-bottom: 1em; -} - -.pattern-review { - .time-field-input { - padding-left: 1em; - margin-bottom: 0; - } - - .pattern-input { - width: 300px; - } -} - -.paste-samples { - textarea { - width: 100%; - height: 250px; - } -} diff --git a/src/ui/public/pattern_checker/pattern_checker.html b/src/ui/public/pattern_checker/pattern_checker.html index ba9d627f62c1d3..1ae4f725400bb3 100644 --- a/src/ui/public/pattern_checker/pattern_checker.html +++ b/src/ui/public/pattern_checker/pattern_checker.html @@ -1,2 +1,2 @@ -Querying {{checker.pattern}}... {{checker.resultCount}} results +
Querying {{checker.pattern}}... {{checker.resultCount}} results
diff --git a/src/ui/public/styles/variables/colors.less b/src/ui/public/styles/variables/colors.less index d4dcdfb7123d97..8f612335d37fba 100644 --- a/src/ui/public/styles/variables/colors.less +++ b/src/ui/public/styles/variables/colors.less @@ -48,6 +48,7 @@ @kibanaBlue3: #6EADC1; @kibanaBlue4: #9DD0E0; @kibanaBlue5: #CEE8F0; +@kibanaBlue6: #f5fafb; @kibanaGreen1: #80C383; @kibanaGreen2: #AEE8B0; diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less index 591683378bd66a..90a8e5f2ef5d79 100644 --- a/src/ui/public/styles/variables/for-theme.less +++ b/src/ui/public/styles/variables/for-theme.less @@ -121,14 +121,17 @@ @settings-indices-active-color: @btn-success-bg; // Settings - Add Data Wizard -@settings-add-data-wizard-step-heading-active-background: @kibanaYellow2; -@settings-add-data-wizard-step-heading-complete-background: @kibanaBlue5; -@settings-add-data-wizard-step-heading-incomplete-background: @kibanaGray5; +@settings-add-data-wizard-step-heading-active-bg: @kibanaYellow2; +@settings-add-data-wizard-step-heading-complete-bg: @kibanaBlue5; +@settings-add-data-wizard-step-heading-incomplete-bg: @kibanaGray5; @settings-add-data-wizard-step-heading-active-color: @kibanaGray1; @settings-add-data-wizard-step-heading-complete-color: @kibanaBlue2; @settings-add-data-wizard-step-heading-incomplete-color: @kibanaGray2; +@settings-add-data-wizard-form-control-bg: @kibanaBlue6; +@settings-add-data-wizard-form-control-border: @kibanaBlue3; + // Settings - Add Data Wizard - Pipeline Setup ================================= @settings-filebeat-wizard-panel-bg: @kibanaGray6; @settings-filebeat-wizard-processor-select-bg: @kibanaBlue5;