accent.css

Same filename in this branch
  1. main core/themes/admin/migration/css/theme/accent.css
  2. main core/themes/default_admin/migration/css/theme/accent.css
Same filename and directory in other branches
  1. 11.x core/themes/admin/migration/css/theme/accent.css
  2. 11.x core/themes/default_admin/migration/css/theme/accent.css
  3. 11.x core/themes/default_admin/css/theme/accent.css

Accent color and focus ring theme styles.

File

core/themes/default_admin/css/theme/accent.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Accent color and focus ring theme styles.
  10. */
  11. [data-gin-accent="blue"] {
  12. --admin-color-bg-sticky: rgb(235, 241, 253);
  13. }
  14. [data-gin-accent="light_blue"] {
  15. --admin-color-bg-sticky: rgb(238, 243, 251);
  16. }
  17. [data-gin-accent="dark_purple"] {
  18. --admin-color-bg-sticky: rgb(240, 235, 250);
  19. }
  20. [data-gin-accent="purple"] {
  21. --admin-color-bg-sticky: rgb(242, 235, 255);
  22. }
  23. [data-gin-accent="teal"] {
  24. --admin-color-bg-sticky: rgb(236, 245, 245);
  25. }
  26. [data-gin-accent="green"] {
  27. --admin-color-bg-sticky: rgb(235, 245, 242);
  28. }
  29. [data-gin-accent="red"] {
  30. --admin-color-bg-sticky: rgb(252, 235, 238);
  31. }
  32. [data-gin-accent="orange"] {
  33. --admin-color-bg-sticky: rgb(252, 243, 235);
  34. }
  35. [data-gin-accent="yellow"] {
  36. --admin-color-bg-sticky: rgb(249, 244, 235);
  37. }
  38. [data-gin-accent="pink"] {
  39. --admin-color-bg-sticky: rgb(251, 238, 244);
  40. }
  41. [data-gin-accent="neutral"] {
  42. --admin-color-bg-sticky: rgb(236, 236, 236);
  43. }
  44. [data-gin-accent="custom"] {
  45. --admin-color-bg-sticky: rgb(236, 236, 236);
  46. }
  47. @media (forced-colors: none) {
  48. .gin--high-contrast-mode {
  49. --admin-color-bg: #d9dbde;
  50. --admin-color-text: rgb(0, 0, 0, 0.8);
  51. --admin-color-text-soft: rgb(0, 0, 0, 0.8);
  52. --admin-color-icon: rgb(0, 0, 0, 0.8);
  53. --admin-color-focus: rgb(0, 0, 0, 0.8);
  54. --admin-color-border: rgb(0, 0, 0, 0.8);
  55. --admin-color-border-soft: rgb(0, 0, 0, 0.6);
  56. --admin-color-border-loud: rgb(0, 0, 0, 0.8);
  57. --admin-color-border-input: rgb(0, 0, 0, 0.8);
  58. --admin-color-border-table: rgb(0, 0, 0, 0.8);
  59. .gin--dark-mode
  60. }
  61. }
  62. [data-gin-focus="green"] {
  63. --admin-color-focus: rgb(8, 163, 144, 0.6);
  64. }
  65. [data-gin-focus="claro"] {
  66. --admin-color-focus: rgb(38, 167, 105, 0.6);
  67. }
  68. [data-gin-focus="orange"] {
  69. --admin-color-focus: rgb(236, 124, 87, 0.6);
  70. }
  71. [data-gin-focus="dark"] {
  72. --admin-color-focus: var(--admin-color-focus-neutral);
  73. }
  74. [data-gin-focus="accent"] {
  75. /* stylelint-disable-next-line color-function-notation */
  76. --admin-color-focus: rgb(from var(--admin-color-primary) r g b / 0.6);
  77. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.