...
You need to add blocks of CSS code to the section for global CSS of Refined in order to affect the Advanced Portal Reports CSS options. For example, if you wish to change the green color with another color (#E06A3E #4aa2d4 in our example) here are some blocks of code that change different parts of the User Interface. To fully replace the green color everywhere, include all of the blocks in the global CSS section in Refined. Make sure you don’t have the symbol ; after every CSS block that ends in } because Refined will stop executing the script. The correct format is (.aui-dialog2-header-close:hover { 3backgroundbackground: inherit; 4background-color: #E06A3E #4aa2d4 !important;})
...
1) The top bar (header) color
#header-content
{ background:#4aa2d4 !important; 5 })
1) The green arrows on the dropdown elements
#s2id_status-single-select a.select2-choice:after, #s2id_createdby-single-select a.select2-choice:after, #s2id_requesttype-single-select a.select2-choice:after, #s2id_date-criteria a.select2-choice:after
{ border-top-color: #4ebea5#4aa2d4; color: #4ebea5 #4aa2d4 !important; }
...
2) The green background of the column selection in the settings menu
.nem-selected-column
{ background: #4ebea5 #4aa2d4 !important; }
3) The green color appearing when hovering over the unselected columns in the settings menu
li.nem-column-selector-li:hover:not(.nem-selected-column),li.field-column-selector-li:hover, li.status-selector-li:hover, li.link-selector-li:hover
{ background-color: #4ebea5 #4aa2d4 !important; }
...
4) The text in the Service Desk names dropdown list
#s2id_servicedesk-single-select, #s2id_servicedesk-single-select a.select2-choice
{ color: #51C0A5 #4aa2d4 !important; }
5) The color appearing when hovering over the Service Desk names dropdown list
#s2id_servicedesk-single-select:hover
{ background: #51C0A5 #4aa2d4 !important; }
...
6) The green arrows for More and Export
.aui-iconfont-chevron-down
{ color: #E06A3E #4aa2d4 !important; }
7) Hover for the Close and Search icons
.aui-dialog2-header-close:hover
{ background: #E06A3E #4aa2d4 !important; }
#text-search-wraper:hover span
{ color: #E06A3E #4aa2d4 !important; }
...