#/meta/config

# Shizendo thème and styles


Code ajouté pour résoudre problème de chargement de main.css avec les multi-spaces
```_space-style
/* priority: 10000 */
@import url('https://sb.datagrandest.net/shizendo/.client/main.css');
body {
  background: white;
}
```

Force editor width
```space-style
/* priority: 1000 */

html {
  --editor-width: 1200px !important;
}
.sb-header-inside.sb-line-h1 {
    text-indent: 0ch !important;
}
.sb-header-inside.sb-line-h2 {
    text-indent: 0ch !important;
}

.sb-header-inside.sb-line-h3 {
    text-indent: 0ch !important;
}

.sb-header-inside.sb-line-h4 {
    text-indent: 0ch !important;
}

.sb-header-inside.sb-line-h5 {
    text-indent: 0ch !important;
}

.sb-header-inside.sb-line-h6 {
    text-indent: 0ch !important;
}
```


Table and Filter style override

```_space-style
#sb-main .cm-editor .sb-lua-directive-block:has(.sortable-header) .button-bar
{ top: 0px; padding: 0px; border-radius: 2em; opacity:0.2; transition: all 0.5s ease; z-index: 1000} 
#sb-main .cm-editor .sb-lua-directive-block:has(.sortable-header) .button-bar:hover { opacity:1; z-index: 1000}
#sb-main .cm-editor .sb-table-widget { overflow: visible !important; position: relative !important; margin-top: 50px}
#sb-main .cm-editor .sb-table-widget .content {overflow: auto;}
```

${query[[
  from p = index.pages()
  limit 2
]]}


Force breakline and multiline text in cell table
```space-style
/* priority: 1000 */
table tbody tr td, table tbody tr th {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
```

Couleur des hashtag selon leur valeur
```space-style
/* priority: 1000 */
.sb-hashtag[data-tag-name="URGENT"] {
  background: red;
  color: white;
  font-weight: bold;
}
.sb-hashtag[data-tag-name="DONE"] {
  background: green;
  color: white;
  font-weight: normal;
}
.sb-hashtag[data-tag-name="TODO"] {
  background: orange;
  color: white;
  font-weight: bolder;
}
.sb-hashtag[data-tag-name="today"] {
  background: wheat;
  color: black;
  font-weight: normal;
}
.sb-hashtag[data-tag-name="next"] {
  background: lightskyblue;
  color: black;
  font-weight: normal;
}
.sb-hashtag[data-tag-name="waiting"] {
  background: lightskyblue;
  color: black;
  font-weight: normal;
}
.sb-hashtag[data-tag-name="aborted"] {
  background: #ccc;
  color: black;
  font-weight: normal;
}
.sb-hashtag[data-tag-name="duplicated"] {
  background: #ccc;
  color: black;
  font-weight: normal;
}

/*
#sb-main .cm-editor .sb-task {
  color: #000;
}
#sb-main .cm-editor .cm-task-checked, 
#sb-main .cm-editor .sb-line-task:has(.cm-task-checked) .sb-wiki-link {
  text-decoration: none !important;
}
#sb-main .cm-editor .cm-task-checked .sb-task {
  color: #999;
  font-style: italic;
}
html[data-theme="dark"] #sb-main .cm-editor .sb-task {
  color: #eee;
}
html[data-theme="dark"] #sb-main .cm-editor .cm-task-checked .sb-task {
  color: #555;
  font-style: italic;
}
*/

/* Vos propres variables */
:root {
  --task-done-color: #333;
  --task-done-opacity: 0.8;
}

[data-theme="dark"] {
  --task-done-color: #999;
  --task-done-opacity: 0.7;
}

/* Tâches cochées : grisé italique non barré */
/* Cible le texte barré des tâches cochées et de tous leurs enfants */
#sb-main .cm-editor .cm-task-checked,
#sb-main .cm-editor .cm-task-checked *,
#sb-main .cm-editor .sb-line-task:has(.cm-task-checked) .sb-wiki-link {
  text-decoration: none !important;
  color: var(--task-done-color) !important;
  opacity: var(--task-done-opacity);
  font-style: italic;
}


/*
.sb-checkbox input {
  width: 1em;
  height: 1.8em;
  background-color: white;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid #ddd;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
}
.sb-checkbox input:checked {
  background-color: blue;
}
*/
```

- [x] test #URGENT #aborted #duplicated
- [x] test #URGENT #next #test [[TEST]]
- [x] test [[TEST]]


```_space-lua-
config.set({
  styles = {
    -- Général
    "body { font-family: 'Inter', sans-serif; line-height: 1.6; }",
    "h1, h2, h3, h4, h5, h6 { color: #1e90ff; }",

    -- Code blocks
    "pre, code { background-color: #f5f5f5; border-radius: 4px; padding: 4px 6px; }",

    -- To-do
    ".todo { font-weight: bold; }",
    ".todo input[type=checkbox] { transform: scale(1.2); margin-right: 6px; }",
    ".todo.completed { text-decoration: line-through; color: #888888; }",

    -- Important highlights
    ".important { border-left: 4px solid #ff6347; padding-left: 8px; background-color: #fff0f0; }",

    -- Alerts
    ".alert { border: 1px solid #ff4500; background-color: #fff4f0; padding: 8px; border-radius: 4px; margin: 8px 0; }",
    ".note { border-left: 3px solid #32cd32; padding-left: 6px; background-color: #f0fff0; }",

    -- Tables
    "table { border-collapse: collapse; width: 100%; }",
    "th, td { border: 1px solid #ccc; padding: 6px; }",
    "th { background-color: #f0f8ff; }"
  }
})
```