MMK21Hub

Tips & Tricks for Notable's Custom CSS

Customising colours

Adjusting the colour of various parts of the UI is a fun way to get started with Custom CSS.

Unfortunately, due to the way that Notable applies its own styles, you have to use !important whenever you want to change the colour of something - this includes background colours. On that note, be sure to use the background-color property over the shorthand background property so that the background colour is overridden correctly.

You may also need to use !important to override some other properties. Use the Styles pane in DevTools to check if that is the case.

MMK21Hub

Domain
.academy
.accountant
.attorney
.auction
.bar
.beer
.bid
.biz

MMK21Hub

#!/bin/bash

rel() {
  echo $(echo $latest_release | jq --raw-output "$1")
}

repo="IdreesInc/Monocraft"
url="https://api.github.com/repos/$repo/releases/latest"
fonts="$HOME/.local/share/fonts"

MMK21Hub

body, html {
  --bg-primary: #292a36;
  --bg-primary-border: #404154;

  --bg-secondary: #21222c;
  --bg-secondary-border: #424457 /* --bg-secondary + 15% Lightness */;
  --bg-secondary-hover: #2c2d3a /* --bg-secondary + 5% Lightness */;
  --bg-secondary-active: #373849 /* --bg-secondary + 10% Lightness */;

  --bg-tertiary: #1e1f29;

MMK21Hub

[
  { "command": "about.close", "title": "About: Close", "description": "Close the about window" },
  { "command": "about.open", "title": "About: Open", "description": "Open the about window" },
  { "command": "about.toggle", "title": "About: Toggle", "description": "Open/close the about window", "args": "force?" },
  { "command": "app.exit", "title": "App: Exit", "description": "Exit the app, this is just an alias for \"app.quit\"" },
  { "command": "app.quit", "title": "App: Quit", "description": "Quit the app" },
  { "command": "app.reload", "title": "App: Reload", "description": "Reload the app" },
  { "command": "attachment.copy", "title": "Attachment: Copy...", "description": "Copy the relative path of an attachment to the clipboard", "args": "attachment" },
  { "command": "attachment.copyLink", "title": "Attachment: Copy Link...", "description": "Copy the link to an attachment to the clipboard", "args": "attachment" },
  { "command": "attachment.copyMarkdownLink", "title": "Attachment: Copy Markdown Li

MMK21Hub

[
  { "shortcut": "Ctrl+K Ctrl+K Ctrl+I", "command": "devtools.toggle" },
  { "shortcut": "Ctrl+Alt+Shift+I", "command": "devtools.toggle" },
  { "shortcut": "Ctrl+Alt+Shift+/", "command": "help.tutorial" },
  { "shortcut": "Ctrl+Shift+/", "command": "help.cheatsheet" },
  { "shortcut": "Ctrl+K Ctrl+K Ctrl+P", "command": "processExplorer.toggle" },
  { "shortcut": "Ctrl+Alt+Shift+P", "command": "processExplorer.toggle" },
  { "shortcut": "Ctrl+Q", "command": "app.quit" },
  { "shortcut": "Ctrl+Alt+Shift+R", "command": "app.reload" },
  { "shortcut": "Shift+F5", "command": "app.reload" },

MMK21Hub

21w11a

<style>tr{white-space:nowrap}</style>

Tags	Key	Description	Cause	Notes	Dupes
	MC-219840	The Mossy Stone Brick recipe cannot be unlocked	mossy_moss
	MC-219841	Lighting Rod particle effects render incorrectly		AR
	MC-219842	The Mossy Cobblestone and Mossy Stone Brick recipes aren't grouped in the recipe book	mossy_moss
	MC-219846	The water fog is too intense at low render distances

MMK21Hub

We couldn’t find that file to show.

MMK21Hub

Web

• bootstrap
• angular
• vue
• react
• docker
• jquery
• typescript
• node.js

MMK21Hub

https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/twitter/259/thumbs-up_1f44d.png