colors.css

Same filename in this branch
  1. 9 core/themes/seven/css/theme/colors.css
  2. 9 core/themes/claro/css/theme/colors.css
  3. 9 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. 8.9.x core/themes/seven/css/theme/colors.css
  3. 8.9.x core/themes/claro/css/theme/colors.css
  4. 8.9.x core/themes/bartik/css/colors.css
  5. 8.9.x 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: #055a8e;
}
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. 

  3. body {

  4.   color: #3b3b3b;

  5.   background: #292929;

  6. }

  7. #page,

  8. #main-wrapper,

  9. .region-primary-menu .menu-item a.is-active,

  10. .region-primary-menu .menu-item--active-trail a {

  11.   background: #fff;

  12. }

  13. .tabs ul.primary li a.is-active {

  14.   background-color: #fff;

  15. }

  16. .tabs ul.primary li.is-active a {

  17.   border-bottom-color: #fff;

  18.   background-color: #fff;

  19. }

  20. #header {

  21.   background-color: #1d84c3;

  22.   background-image: -webkit-linear-gradient(top, #055a8e 0%, #1d84c3 100%);

  23.   background-image: linear-gradient(to bottom, #055a8e 0%, #1d84c3 100%);

  24. }

  25. a,

  26. .link {

  27.   color: #0071b3;

  28. }

  29. a:hover,

  30. a:focus,

  31. .link:hover,

  32. .link:focus {

  33.   color: #055a8e;

  34. }

  35. a:active,

  36. .link:active {

  37.   color: #23aeff;

  38. }

  39. .sidebar .block {

  40.   border-color: #f9f9f9;

  41.   background-color: #f6f6f2;

  42. }

  43. .site-footer {

  44.   background: #292929;

  45. }

  46. .region-header,

  47. .region-header a,

  48. .region-header li a.is-active,

  49. .region-header .site-branding__text,

  50. .region-header .site-branding,

  51. .region-header .site-branding__text a,

  52. .region-header .site-branding a,

  53. .region-secondary-menu .menu-item a,

  54. .region-secondary-menu .menu-item a.is-active {

  55.   color: #fffeff;

  56. }

  57. 

  58. /* ---------- Color Form ----------- */

  59. 

  60. [dir="rtl"] .color-form .color-palette {

  61.   margin-right: 20px;

  62.   margin-left: 0;

  63. }

  64. [dir="rtl"] .color-form .form-item label {

  65.   float: right;

  66. }

  67. [dir="rtl"] .color-form .color-palette .lock {

  68.   right: -20px;

  69.   left: 0;

  70. }

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