fix(): same red on all warning messages

fix gravitee-io/issues#2032

src/components/documentation/page/page-editormarkdown.html

@@ -17,7 +17,7 @@
 -->
 <div>
     <div class="gv-page-draft-banner" ng-if="!$ctrl.page.published">
-        <ng-md-icon icon="warning" style="fill: #ce4844"></ng-md-icon>
+        <ng-md-icon icon="warning" class="gv-warning"></ng-md-icon>
         This page is not published yet and will not be visible to other users
     </div>
     <div id="editSection"></div>

src/components/documentation/page/page.html

@@ -18,7 +18,7 @@
 <div layout="row">
   <div id="page-content" layout-padding ng-switch="$ctrl.page.type" flex="{{ $ctrl.sidenav ? 75 : 100 }}">
     <div class="gv-page-draft-banner" ng-if="!$ctrl.edit && !$ctrl.page.published">
-      <ng-md-icon icon="warning" style="fill: #ce4844"></ng-md-icon>
+      <ng-md-icon icon="warning" class="gv-warning" ></ng-md-icon>
       This page is not published yet and will not be visible to other users
     </div>
 
@@ -38,7 +38,7 @@
 
     <div ng-switch-when="RAML">
       <div class="gv-page-draft-banner">
-        <ng-md-icon icon="warning" style="fill: #ce4844"></ng-md-icon>
+        <ng-md-icon icon="warning" class="gv-warning"></ng-md-icon>
         The RAML format is no longer supported and will be completely removed in a future version
       </div>
       {{$ctrl.page.content}}

src/index.scss

@@ -619,3 +619,7 @@ md-progress-circular {
     right: 320px !important;
   }
 }
+
+.gv-warning {
+  fill: #ce4844;
+}

src/management/api/analytics/logs/logging-configuration.html

@@ -28,7 +28,7 @@ <h2>Configuration</h2>
         <p>
           Use logging with caution and only for development purpose. It can have an impact on API performances and is requiring more spaces for analytics storage.
           <div class="gv-page-draft-banner" ng-if="loggingCtrl.maxDuration && loggingCtrl.maxDuration > 0">
-            <ng-md-icon icon="warning" style="fill: #ce4844"></ng-md-icon>
+            <ng-md-icon icon="warning" class="gv-warning"></ng-md-icon>
             A maximum duration of <code>{{loggingCtrl.maxDuration}}</code>milliseconds will be applied to your condition.
           </div>
         </p>

src/management/components/documentation/edit-page.html

@@ -62,7 +62,7 @@ <h2></h2>
         <div class="gv-form-content" layout="column">
 
             <div ng-if="editorReadonly" class="gv-page-draft-banner">
-                <ng-md-icon icon="warning" style="fill: #ce4844"></ng-md-icon>
+                <ng-md-icon icon="warning" class="gv-warning"></ng-md-icon>
                 Page's content is retrieved from an external source. If you want to edit content manually, <a ng-click="$ctrl.goToExternalSource()">please change the configuration</a>.
             </div>
             <md-tabs md-dynamic-height md-selected="$ctrl.selectedTab">

src/management/components/documentation/import-pages.html

@@ -25,7 +25,7 @@ <h2></h2>
         <div class="gv-form-content" layout="column">
 
             <div class="gv-page-draft-banner">
-                <ng-md-icon icon="warning" style="fill: #ce4844"></ng-md-icon>
+                <ng-md-icon icon="warning" class="gv-warning"></ng-md-icon>
                 All files (with a supported page type) will be imported, generating one request by file to import.<br>
                 If you use an external source with rate limiting, you can reach your maximum requests authorized.
             </div>

src/support/ticket.html

@@ -30,7 +30,7 @@ <h5 translate="support.ticket.notAuthenticated.message"></h5>
   <form name="supportTicketCtrl.formTicket" ng-submit="supportTicketCtrl.create()" novalidate ng-if="supportTicketCtrl.isAuthenticated"
     style="width: 70%; margin: 0 auto;">
     <h5 ng-if="!supportTicketCtrl.userHasAnEmail" style="color: red;margin-left: 10px;">
-      <ng-md-icon icon="warning" style="fill: red"></ng-md-icon>
+      <ng-md-icon icon="warning" class="gv-warning"></ng-md-icon>
       <span translate="support.ticket.userWithoutEmail.message"></span>
     </h5>