eriq the fifth

A new Palette is born

I've started using the Bearming Theme, and I really like it. Today I made my own palette, inspired by the very limited greyscale I can draw with using the Supernote. I call the palette Concrete Connoisseur. Below is the colors used. If you want, please try it out and tweak it (see Roberts guide in the palette link above). And Robert: feel free to add it to your repository. No hard feelings if you don't want to, it's as dull as a betongsosse1. ;)

Name Light mode Dark mode
Background #d6d6d6 #333333
Accent #aaaaaa #555555
Text #272727 #dbdbdb
Link #696969 #eeeeee

To make the table above look a little more attractive I also added some custom CSS to the theme. The use of variable colors below is me trying to make it withstand a change of palette in the future.

At first I used var(--text-color) for the border-bottom. This gave me a more distinct table. However, fiddling around I decided on another approach: using var(--accent-color) for the border-bottom as well as the hover background-color gave the table a more subtle touch, and made the border dissappear when hovering a row. I like it. If you which for a table where the rows stand out more while keeping the code palette agnostic, I recommend trying the former approach.

table, td, th {  
  border-bottom: 1px solid var(--accent-color);
  text-align: left;
  padding: 5px;
}

table {
  	border-collapse: collapse;
}

tbody {
	tr:hover {background-color: var(--accent-color);}
}

It was really fun playing around with CSS again. Thank you for making this awesome theme, Robert!


18/100

Reply via email
  1. A Swedish pejorative word of slang, used against politicians one feels are too bureaucratic and focused on economcial and industrial growth with no concern for environmental issues. Betong is Concrete in Swedish. Sosse is slang for Social Democrat.

#bearming #creativity #css #english #programming