colors.css

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

body,
body.overlay {
  color: #3b3b3b;
}
.comment .comment-arrow {
  border-color: #ffffff;
}
#page,
#main-wrapper,
#main-menu-links li a.active,
#main-menu-links li.active-trail a {
  background: #ffffff;
}
.tabs ul.primary li a.active {
  background-color: #ffffff;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#header {
  background-color: #48a9e4;
  background-image: -moz-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -ms-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -o-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0779bf), color-stop(1, #48a9e4));
  background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%);
}
a {
  color: #0071B3;
}
a:hover,
a:focus {
  color: #018fe2;
}
a:active {
  color: #23aeff;
}
.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}
#page-wrapper,
#footer-wrapper {
  background: #292929;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
  color: #fffeff;
}

File

themes/bartik/css/colors.css

View source
  1. /* ---------- Color Module Styles ----------- */
  2. body,
  3. body.overlay {
  4. color: #3b3b3b;
  5. }
  6. .comment .comment-arrow {
  7. border-color: #ffffff;
  8. }
  9. #page,
  10. #main-wrapper,
  11. #main-menu-links li a.active,
  12. #main-menu-links li.active-trail a {
  13. background: #ffffff;
  14. }
  15. .tabs ul.primary li a.active {
  16. background-color: #ffffff;
  17. }
  18. .tabs ul.primary li.active a {
  19. background-color: #ffffff;
  20. border-bottom: 1px solid #ffffff;
  21. }
  22. #header {
  23. background-color: #48a9e4;
  24. background-image: -moz-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  25. background-image: -ms-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  26. background-image: -o-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  27. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0779bf), color-stop(1, #48a9e4));
  28. background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  29. background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  30. }
  31. a {
  32. color: #0071B3;
  33. }
  34. a:hover,
  35. a:focus {
  36. color: #018fe2;
  37. }
  38. a:active {
  39. color: #23aeff;
  40. }
  41. .sidebar .block {
  42. background-color: #f6f6f2;
  43. border-color: #f9f9f9;
  44. }
  45. #page-wrapper,
  46. #footer-wrapper {
  47. background: #292929;
  48. }
  49. .region-header,
  50. .region-header a,
  51. .region-header li a.active,
  52. #name-and-slogan,
  53. #name-and-slogan a,
  54. #secondary-menu-links li a {
  55. color: #fffeff;
  56. }

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