panache 2.43.1

An LSP, formatter, and linter for Markdown, Quarto, and R Markdown
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107

/*-- scss:defaults --*/

$blue: #447099;
$red: #D44000;
$orange: #EE6331;
$yellow: #E7B10A;
$green: #72994E;
$teal: #419599;
$cyan: #75A8D9;
$black: #000;
$white: #fff;
$gray: #404041;
$gray-dark: #343a40;
$gray-100: #f8f8f8;
$gray-200: #C2C2C4;
$gray-300: #949494;
$gray-400: #707073;
$gray-500: #495057;
$gray-600: #404041;
$gray-700: #333333;
$gray-800: #242426;
$gray-900: #151515;
$default: $gray-900;
$primary: $cyan;
$secondary: $gray-400;
$success: $green;
$info: $yellow;
$warning: $orange;
$danger: $red;

// Base document colors
$body-bg: $gray-900;
$body-color: $gray-100;
$link-color: $cyan;

$light: rgb(32.4,32.4,34.2);

// Navigation element colors
$footer-bg: $gray-900;
$navbar-bg: shade-color($gray-800, 10%);

// Code blocks
$code-block-bg-alpha: -.9;

// Bootstrap popovers
$popover-bg: #242424;

// Bootstrap inputs
$input-bg: #242424;
$dropdown-bg: $body-bg;
$dropdown-color: $body-color;
$dropdown-link-color: $body-color;
$dropdown-link-hover-bg: $gray-600;
$dropdown-link-hover-color: #eee;
$nav-tabs-link-hover-border-color: rgb(80, 80, 80);

$border-color: rgba($gray-800, 0.5);

$mono-background-color: rgba(0,0,0,0);
$code-color: rgb(192, 128, 216);
$nav-tabs-link-active-color: $body-color;
$toc-inactive-border: rgba($gray-800, 0.5);
$input-text-background-color: $gray-800;
$input-group-addon-bg: $gray-800;
$carousel-dark-caption-color: $body-color;
$pagination-disabled-bg: rgb(24,24,24);

$text-muted: lighten(#6a737b, 20%);

/*-- scss:rules --*/

.bg-color {
  background-color: $body-bg;
}

body.quarto-light .alt-background {
  background-color: #17212B;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.layout-example {
  background: $gray-700;
}

.code-with-filename .code-with-filename-file pre {
  color: #ddd;
}

pre code {
  color: $body-color;
}

figcaption code,
dl code,
h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
  background-color: $mono-background-color;
}

details > summary {
  color: $text-muted;
}