# Style tweaks

Source: https://developers.inkdrop.app/guides/style-tweaks

If you want to apply quick-and-dirty personal styling changes without creating an entire theme that you intend to publish, you can add styles to the `styles.css` file in [your data directory](https://docs.inkdrop.app/manual/basic-usage#user-data-directory).
It does not exist by default.

For example, to change the color of selected item of the note list bar, you could add the following rule to your `styles.css` file:

```css
.note-list-bar-item .note-list-item-view.active {
  background-color: blue;
}
```

![Tweaking note list bar style](https://developers.inkdrop.app/images/style-tweaks-example.png)

To inspect elements which you would like to tweak, enable **Development Mode** by selecting the menu *Inkdrop > Preferences* on macOS or *File > Settings* on Windows and Linux, clicking the *General* tab on the left hand navigation, and check the "*Development Mode*", then reload the app.
After that, you should get "Inspect Element" context menu by right-clicking any element on the app just like browser.

## Applying custom styles for printing

When you'd like to have custom styling for printed notes, use a media selector `@media print` like so:

```css
@media print {
  strong {
    color: red !important;
  }
}
```

## Related article

- [Adding Styles For Text Annotation](https://developers.inkdrop.app/guides/text-annotations)