colors.css

Same filename in this branch
  1. 8.9.x core/themes/seven/css/theme/colors.css
  2. 8.9.x core/themes/claro/css/theme/colors.css
  3. 8.9.x core/modules/color/tests/modules/color_test/themes/color_test_theme/css/colors.css
Same filename in other branches
  1. 7.x themes/bartik/css/colors.css
  2. 9 core/themes/seven/css/theme/colors.css
  3. 9 core/themes/claro/css/theme/colors.css
  4. 9 core/themes/bartik/css/colors.css
  5. 9 core/modules/color/tests/modules/color_test/themes/color_test_theme/css/colors.css
  6. 10 core/themes/claro/css/theme/colors.css
  7. 11.x core/themes/claro/css/theme/colors.css
/* ---------- Color Module Styles ----------- */

body {
  color: #3b3b3b;
  background: #292929;
}
#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #fff;
}
.tabs ul.primary li a.is-active {
  background-color: #fff;
}
.tabs ul.primary li.is-active a {
  border-bottom-color: #fff;
  background-color: #fff;
}
#header {
  background-color: #1d84c3;
  background-image: -webkit-linear-gradient(top, #055a8e 0%, #1d84c3 100%);
  background-image: linear-gradient(to bottom, #055a8e 0%, #1d84c3 100%);
}
a,
.link {
  color: #0071b3;
}
a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #018fe2;
}
a:active,
.link:active {
  color: #23aeff;
}
.sidebar .block {
  border-color: #f9f9f9;
  background-color: #f6f6f2;
}
.site-footer {
  background: #292929;
}
.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}

/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-right: 20px;
  margin-left: 0;
}
[dir="rtl"] .color-form .form-item label {
  float: right;
}
[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}

File

core/themes/bartik/css/colors.css

View source
  1. /* ---------- Color Module Styles ----------- */
  2. body {
  3. color: #3b3b3b;
  4. background: #292929;
  5. }
  6. #page,
  7. #main-wrapper,
  8. .region-primary-menu .menu-item a.is-active,
  9. .region-primary-menu .menu-item--active-trail a {
  10. background: #fff;
  11. }
  12. .tabs ul.primary li a.is-active {
  13. background-color: #fff;
  14. }
  15. .tabs ul.primary li.is-active a {
  16. border-bottom-color: #fff;
  17. background-color: #fff;
  18. }
  19. #header {
  20. background-color: #1d84c3;
  21. background-image: -webkit-linear-gradient(top, #055a8e 0%, #1d84c3 100%);
  22. background-image: linear-gradient(to bottom, #055a8e 0%, #1d84c3 100%);
  23. }
  24. a,
  25. .link {
  26. color: #0071b3;
  27. }
  28. a:hover,
  29. a:focus,
  30. .link:hover,
  31. .link:focus {
  32. color: #018fe2;
  33. }
  34. a:active,
  35. .link:active {
  36. color: #23aeff;
  37. }
  38. .sidebar .block {
  39. border-color: #f9f9f9;
  40. background-color: #f6f6f2;
  41. }
  42. .site-footer {
  43. background: #292929;
  44. }
  45. .region-header,
  46. .region-header a,
  47. .region-header li a.is-active,
  48. .region-header .site-branding__text,
  49. .region-header .site-branding,
  50. .region-header .site-branding__text a,
  51. .region-header .site-branding a,
  52. .region-secondary-menu .menu-item a,
  53. .region-secondary-menu .menu-item a.is-active {
  54. color: #fffeff;
  55. }
  56. /* ---------- Color Form ----------- */
  57. [dir="rtl"] .color-form .color-palette {
  58. margin-right: 20px;
  59. margin-left: 0;
  60. }
  61. [dir="rtl"] .color-form .form-item label {
  62. float: right;
  63. }
  64. [dir="rtl"] .color-form .color-palette .lock {
  65. right: -20px;
  66. left: 0;
  67. }

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