diff options
| author | Jeremy Davis <jeremy.davis@sonarsource.com> | 2022-07-26 11:56:16 +0200 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2022-07-28 20:02:55 +0000 |
| commit | 76b594f966759863e4b6763c6f6cc01fadf2fba9 (patch) | |
| tree | 2d3effc5b7765ab516a88dc109c95ae2ec1ca404 /server | |
| parent | cc6d3c34170eaf755af6607962129f1657120c36 (diff) | |
| download | sonarqube-76b594f966759863e4b6763c6f6cc01fadf2fba9.tar.gz sonarqube-76b594f966759863e4b6763c6f6cc01fadf2fba9.zip | |
SONAR-16683 [893667] more icon contrasts
Diffstat (limited to 'server')
| -rw-r--r-- | server/sonar-web/src/main/js/app/theme.js | 2 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/components/icons/ClockIcon.tsx | 3 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/components/icons/FavoriteIcon.tsx | 2 |
3 files changed, 5 insertions, 2 deletions
diff --git a/server/sonar-web/src/main/js/app/theme.js b/server/sonar-web/src/main/js/app/theme.js index ceba1976171..c84f3db195d 100644 --- a/server/sonar-web/src/main/js/app/theme.js +++ b/server/sonar-web/src/main/js/app/theme.js @@ -61,6 +61,8 @@ module.exports = { educationPrinciplesBgColor: '#F4F6FF', educationPrinciplesBorderColor: '#B0BDF9', + favoriteColor: '#e77213', + // table rowHoverHighlight: '#ecf6fe', diff --git a/server/sonar-web/src/main/js/components/icons/ClockIcon.tsx b/server/sonar-web/src/main/js/components/icons/ClockIcon.tsx index f85f02d858a..d8dfb4296e4 100644 --- a/server/sonar-web/src/main/js/components/icons/ClockIcon.tsx +++ b/server/sonar-web/src/main/js/components/icons/ClockIcon.tsx @@ -19,12 +19,13 @@ */ import classNames from 'classnames'; import * as React from 'react'; +import { colors } from '../../app/theme'; import Icon, { IconProps } from './Icon'; export default function ClockIcon({ className, ...iconProps }: IconProps) { return ( <Icon className={classNames('icon-clock', className)} {...iconProps}> - <g fill="#fff" stroke="#ADADAD" transform="matrix(1.4 0 0 1.4 .3 .7)"> + <g fill="#fff" stroke={colors.gray60} transform="matrix(1.4 0 0 1.4 .3 .7)"> <circle cx="5.5" cy="5.2" r="5" /> <path d="M5.6 2.9v2.7l2-.5" fillRule="nonzero" /> </g> diff --git a/server/sonar-web/src/main/js/components/icons/FavoriteIcon.tsx b/server/sonar-web/src/main/js/components/icons/FavoriteIcon.tsx index a6ab4c9ec51..d9518fe96d9 100644 --- a/server/sonar-web/src/main/js/components/icons/FavoriteIcon.tsx +++ b/server/sonar-web/src/main/js/components/icons/FavoriteIcon.tsx @@ -30,7 +30,7 @@ export default function FavoriteIcon({ className, favorite, fill, ...iconProps } return ( <Icon className={classNames('icon-outline', { 'is-filled': favorite }, className)} - style={{ color: fill || colors.orange }} + style={{ color: fill || colors.favoriteColor }} {...iconProps}> <g transform="matrix(0.988024,0,0,0.988024,0.0957953,0.717719)"> <path d="M15.428,5.777C15.428,5.908 15.35,6.051 15.195,6.205L11.954,9.366L12.722,13.83C12.728,13.872 12.731,13.932 12.731,14.009C12.731,14.134 12.7,14.24 12.637,14.326C12.575,14.412 12.484,14.455 12.365,14.455C12.252,14.455 12.133,14.42 12.008,14.348L7.999,12.241L3.99,14.348C3.859,14.42 3.74,14.455 3.633,14.455C3.508,14.455 3.414,14.412 3.352,14.326C3.289,14.24 3.258,14.134 3.258,14.009C3.258,13.973 3.264,13.914 3.276,13.83L4.044,9.366L0.794,6.205C0.645,6.045 0.57,5.902 0.57,5.777C0.57,5.557 0.737,5.42 1.07,5.366L5.552,4.714L7.561,0.652C7.674,0.408 7.82,0.286 7.999,0.286C8.177,0.286 8.323,0.408 8.436,0.652L10.445,4.714L14.927,5.366C15.261,5.42 15.427,5.557 15.427,5.777L15.428,5.777Z" /> |