You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

colors.ts 2.0KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /*
  2. * SonarQube
  3. * Copyright (C) 2009-2023 SonarSource SA
  4. * mailto:info AT sonarsource DOT com
  5. *
  6. * This program is free software; you can redistribute it and/or
  7. * modify it under the terms of the GNU Lesser General Public
  8. * License as published by the Free Software Foundation; either
  9. * version 3 of the License, or (at your option) any later version.
  10. *
  11. * This program is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  14. * Lesser General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU Lesser General Public License
  17. * along with this program; if not, write to the Free Software Foundation,
  18. * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  19. */
  20. import { CSSColor } from '../types/theme';
  21. /* eslint-disable no-bitwise, no-mixed-operators */
  22. export function stringToColor(str: string) {
  23. let hash = 0;
  24. for (let i = 0; i < str.length; i++) {
  25. hash = str.charCodeAt(i) + ((hash << 5) - hash);
  26. }
  27. let color = '#';
  28. for (let i = 0; i < 3; i++) {
  29. const value = (hash >> (i * 8)) & 0xff;
  30. color += ('00' + value.toString(16)).substr(-2);
  31. }
  32. return color;
  33. }
  34. export function isDarkColor(color: string) {
  35. color = color.substr(1);
  36. if (color.length === 3) {
  37. // shortcut notation: #f90
  38. color = color[0] + color[0] + color[1] + color[1] + color[2] + color[2];
  39. }
  40. const rgb = parseInt(color.substr(1), 16);
  41. const r = (rgb >> 16) & 0xff;
  42. const g = (rgb >> 8) & 0xff;
  43. const b = (rgb >> 0) & 0xff;
  44. const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;
  45. return luma < 140;
  46. }
  47. export function getTextColor(background: string, dark = '#222', light = '#fff') {
  48. return isDarkColor(background) ? light : dark;
  49. }
  50. export function getRGBAString([r, g, b]: Array<number | string>, a?: number | string) {
  51. return (a !== undefined ? `rgba(${r},${g},${b},${a})` : `rgb(${r},${g},${b})`) as CSSColor;
  52. }