Customize look of cells

[JerryI]

a crosspost from Telegram Support Chat (Anton Ekimenko)

How can I change the design style of a cell with the wl code? Now all the cells are very similar in color design. Last time I got confused while I was looking for executable WL cells. I wanted to do it like in Mathematica, so that there would be gray ones.

[JerryI]

There are two options:

a. apply styles locally

• create .wlx or .html cell in the beginning of the notebook

.html

<style>
  .cwrapper {
    background: #f4f4f4;
    border-radius: 4px;
  }
</style>

Using cell's properties (right menu with "..." icon) one can make it invisible. And then turn this notebook into a template

b. Apply global styles from settings menu

  .cwrapper {
    background: #f4f4f4;
    border-radius: 4px;
  }

[JerryI]

Available classes (with no definition by default)

• main main window
• .ccontainer cells container
• .cgroup a single group of cells: 1 input + outputs + tools
• .cframe a single inner group of cells: 1 input + outputs
• .cborder a vertical line displayed at the right side from the cell group
• .cwrapper an input/output cell wrapper
• .cseparator a thin space between cells