accent.css

Same filename and directory in other branches
  1. 11.x core/themes/admin/migration/css/theme/accent.css
[data-gin-accent="blue"] {
  --gin-color-sticky-rgb: 235, 241, 253;
}

[data-gin-accent="light_blue"] {
  --gin-color-sticky-rgb: 238, 243, 251;
}

[data-gin-accent="dark_purple"] {
  --gin-color-sticky-rgb: 240, 235, 250;
}

[data-gin-accent="purple"] {
  --gin-color-sticky-rgb: 242, 235, 255;
}

[data-gin-accent="teal"] {
  --gin-color-sticky-rgb: 236, 245, 245;
}

[data-gin-accent="green"] {
  --gin-color-sticky-rgb: 235, 245, 242;
}

[data-gin-accent="red"] {
  --gin-color-sticky-rgb: 252, 235, 238;
}

[data-gin-accent="orange"] {
  --gin-color-sticky-rgb: 252, 243, 235;
}

[data-gin-accent="yellow"] {
  --gin-color-sticky-rgb: 249, 244, 235;
}

[data-gin-accent="pink"] {
  --gin-color-sticky-rgb: 251, 238, 244;
}

[data-gin-accent="neutral"] {
  --gin-color-sticky-rgb: 236, 236, 236;
}

[data-gin-accent="custom"] {
  --gin-color-sticky-rgb: 236, 236, 236;
}

@media (forced-colors: none) {
  .gin--high-contrast-mode {
    --gin-bg-app: #d9dbde;
    --gin-color-text: rgb(0, 0, 0, 0.8);
    --gin-color-text-light: rgb(0, 0, 0, 0.8);
    --gin-icon-color: rgb(0, 0, 0, 0.8);
    --gin-color-focus: rgb(0, 0, 0, 0.8);
    --gin-border-color: rgb(0, 0, 0, 0.8);
    --gin-border-color-secondary: rgb(0, 0, 0, 0.6);
    --gin-border-color-layer: rgb(0, 0, 0, 0.6);
    --gin-border-color-layer2: rgb(0, 0, 0, 0.8);
    --gin-border-color-table: rgb(0, 0, 0, 0.8);
    --gin-border-color-table-header: rgb(0, 0, 0, 0.8);
    --gin-border-color-form-element: rgb(0, 0, 0, 0.8);
  }

  .gin--dark-mode .gin--high-contrast-mode {
    --gin-bg-app: #000;
    --gin-color-text: rgb(255, 255, 255, 0.8);
    --gin-color-text-light: rgb(255, 255, 255, 0.8);
    --gin-icon-color: rgb(255, 255, 255, 0.8);
    --gin-color-focus: rgb(255, 255, 255, 0.8);
    --gin-border-color: rgb(255, 255, 255, 0.8);
    --gin-border-color-secondary: rgb(255, 255, 255, 0.6);
    --gin-border-color-layer: rgb(255, 255, 255, 0.6);
    --gin-border-color-layer2: rgb(255, 255, 255, 0.8);
    --gin-border-color-table: rgb(255, 255, 255, 0.8);
    --gin-border-color-table-header: rgb(255, 255, 255, 0.8);
    --gin-border-color-form-element: rgb(255, 255, 255, 0.8);
  }
}

[data-gin-focus="green"] {
  --gin-color-focus: rgb(8, 163, 144, 0.6);
}

[data-gin-focus="claro"] {
  --gin-color-focus: rgb(38, 167, 105, 0.6);
}

[data-gin-focus="orange"] {
  --gin-color-focus: rgb(236, 124, 87, 0.6);
}

[data-gin-focus="dark"] {
  --gin-color-focus: var(--gin-color-focus-neutral-rgb);
}

[data-gin-focus="accent"] {
  --gin-color-focus: rgb(var(--gin-color-primary-rgb), 0.6);
}

File

View on git.drupalcode.org

core/themes/admin/migration/css/theme/accent.css

View source 
  1. [data-gin-accent="blue"] {

  2.   --gin-color-sticky-rgb: 235, 241, 253;

  3. }

  4. 

  5. [data-gin-accent="light_blue"] {

  6.   --gin-color-sticky-rgb: 238, 243, 251;

  7. }

  8. 

  9. [data-gin-accent="dark_purple"] {

  10.   --gin-color-sticky-rgb: 240, 235, 250;

  11. }

  12. 

  13. [data-gin-accent="purple"] {

  14.   --gin-color-sticky-rgb: 242, 235, 255;

  15. }

  16. 

  17. [data-gin-accent="teal"] {

  18.   --gin-color-sticky-rgb: 236, 245, 245;

  19. }

  20. 

  21. [data-gin-accent="green"] {

  22.   --gin-color-sticky-rgb: 235, 245, 242;

  23. }

  24. 

  25. [data-gin-accent="red"] {

  26.   --gin-color-sticky-rgb: 252, 235, 238;

  27. }

  28. 

  29. [data-gin-accent="orange"] {

  30.   --gin-color-sticky-rgb: 252, 243, 235;

  31. }

  32. 

  33. [data-gin-accent="yellow"] {

  34.   --gin-color-sticky-rgb: 249, 244, 235;

  35. }

  36. 

  37. [data-gin-accent="pink"] {

  38.   --gin-color-sticky-rgb: 251, 238, 244;

  39. }

  40. 

  41. [data-gin-accent="neutral"] {

  42.   --gin-color-sticky-rgb: 236, 236, 236;

  43. }

  44. 

  45. [data-gin-accent="custom"] {

  46.   --gin-color-sticky-rgb: 236, 236, 236;

  47. }

  48. 

  49. @media (forced-colors: none) {

  50.   .gin--high-contrast-mode {

  51.     --gin-bg-app: #d9dbde;

  52.     --gin-color-text: rgb(0, 0, 0, 0.8);

  53.     --gin-color-text-light: rgb(0, 0, 0, 0.8);

  54.     --gin-icon-color: rgb(0, 0, 0, 0.8);

  55.     --gin-color-focus: rgb(0, 0, 0, 0.8);

  56.     --gin-border-color: rgb(0, 0, 0, 0.8);

  57.     --gin-border-color-secondary: rgb(0, 0, 0, 0.6);

  58.     --gin-border-color-layer: rgb(0, 0, 0, 0.6);

  59.     --gin-border-color-layer2: rgb(0, 0, 0, 0.8);

  60.     --gin-border-color-table: rgb(0, 0, 0, 0.8);

  61.     --gin-border-color-table-header: rgb(0, 0, 0, 0.8);

  62.     --gin-border-color-form-element: rgb(0, 0, 0, 0.8);

  63.   }

  64. 

  65.   .gin--dark-mode .gin--high-contrast-mode {

  66.     --gin-bg-app: #000;

  67.     --gin-color-text: rgb(255, 255, 255, 0.8);

  68.     --gin-color-text-light: rgb(255, 255, 255, 0.8);

  69.     --gin-icon-color: rgb(255, 255, 255, 0.8);

  70.     --gin-color-focus: rgb(255, 255, 255, 0.8);

  71.     --gin-border-color: rgb(255, 255, 255, 0.8);

  72.     --gin-border-color-secondary: rgb(255, 255, 255, 0.6);

  73.     --gin-border-color-layer: rgb(255, 255, 255, 0.6);

  74.     --gin-border-color-layer2: rgb(255, 255, 255, 0.8);

  75.     --gin-border-color-table: rgb(255, 255, 255, 0.8);

  76.     --gin-border-color-table-header: rgb(255, 255, 255, 0.8);

  77.     --gin-border-color-form-element: rgb(255, 255, 255, 0.8);

  78.   }

  79. }

  80. 

  81. [data-gin-focus="green"] {

  82.   --gin-color-focus: rgb(8, 163, 144, 0.6);

  83. }

  84. 

  85. [data-gin-focus="claro"] {

  86.   --gin-color-focus: rgb(38, 167, 105, 0.6);

  87. }

  88. 

  89. [data-gin-focus="orange"] {

  90.   --gin-color-focus: rgb(236, 124, 87, 0.6);

  91. }

  92. 

  93. [data-gin-focus="dark"] {

  94.   --gin-color-focus: var(--gin-color-focus-neutral-rgb);

  95. }

  96. 

  97. [data-gin-focus="accent"] {

  98.   --gin-color-focus: rgb(var(--gin-color-primary-rgb), 0.6);

  99. }

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