El color de fondo de los elementos de la sidebar

Ayer me preguntaron como lo había hecho para conseguir que las columnas laterales tengan ese color grisáceo de fondo.
Mi respuesta: Añadiendo variables al código.
Habitualmente tenemos en el código un bgcolor (Background Color) que suele estar aplicado al fondo del blog.
Puede que también haya un mainbgcolor o maincolor que suele aparecer en el fondo de la zona de las entradas si el fondo del blog tiene un color diferente.
En la denim hay incluso un corners color para que podamos cambiar el color de dos rectángulos que no se qué pintan en la cabecera.
Pues yo en este blog, (plantilla harbor), he añadido un sidebarbgcolor o Sidebar Background Color y luego lo he aplicado a la zona .sidebar widget .main widget, previa separación de las dos.
O sea, he borrado lo de .main widget de ese pedacito de código y lo he copiado debajo con todos los datos que había para que no variaran las entradas y así poder decirle que ese color lo aplique solo a los widgets (elementos) de la sidebar, añadiendo la orden correspondiente en el código de los widgets de la sidebar.
También añadí un sidebar border color, para poder ponerle un color diferente al borde de los elementos, del que tienen las entradas y añadí la orden en el mismo trocito código.
Porqué ese es uno de los trucos mas sencillos ya que podemos añadirle tantas variables de color como queramos.
Lo práctico de añadir variables es que luego aparecen en Fuentes y colores, así puedes modificar el aspecto del blog sin necesidad de estar modificando el código.
En esta entrada explico como hacerlo.

Imprime esta entrada