autogen

1
:root {
2
  --ifm-font-size-base: 17px;
3
  --ifm-code-font-size: 90%;
4

5
  --ifm-color-primary: #0c4da2;
6
  --ifm-color-primary-dark: rgb(11, 69, 146);
7
  --ifm-color-primary-darker: #0a418a;
8
  --ifm-color-primary-darkest: #083671;
9
  --ifm-color-primary-light: #0d55b2;
10
  --ifm-color-primary-lighter: #0e59ba;
11
  --ifm-color-primary-lightest: #1064d3;
12

13
  --ifm-color-emphasis-300: #1064d3;
14
  --ifm-link-color: #1064d3;
15
  --ifm-menu-color-active: #1064d3;
16
  --ifm-navbar-search-input-placeholder-color: #6e7174;
17
}
18

19
.docusaurus-highlight-code-line {
20
  background-color: rgba(0, 0, 0, 0.1);
21
  display: block;
22
  margin: 0 calc(-1 * var(--ifm-pre-padding));
23
  padding: 0 var(--ifm-pre-padding);
24
}
25

26
.admonition-content a {
27
  text-decoration: underline;
28
  font-weight: 600;
29
  color: inherit;
30
}
31

32
a {
33
  font-weight: 600;
34
}
35

36
blockquote {
37
  /* samsung blue with lots of transparency */
38
  background-color: #0c4da224;
39
}
40

41
.header-github-link:hover {
42
  opacity: 0.6;
43
}
44

45
.header-github-link:before {
46
  content: "";
47
  width: 24px;
48
  height: 24px;
49
  display: flex;
50
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
51
    no-repeat;
52
}
53

54
.tags-container {
55
  display: flex; /* Use flexbox to lay out tags inline */
56
  flex-wrap: wrap;
57
  gap: 4px; /* Adjust the gap between tags */
58
  margin-top: 8px; /* Space above the tag list */
59
}
60

61
.tag {
62
  padding: 2px 8px;
63
  border: 1px solid #1273ce;
64
  color: #1273ce;
65
  border-radius: 4px;
66
  font-size: 0.75rem;
67
  cursor: pointer;
68
  transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
69
}
70

71
.tag:hover {
72
  background-color: #1273ce;
73
  color: white;
74
}
75

76
/* This puts a 10px border on the left of Python code blocks. This is to provide
77
some visual distinction between code cells and output cells. The color is the
78
prism code block background color lightened by 25% */
79
.language-python.theme-code-block
80
{
81
  border-left: 10px solid #51597b;
82
}
83

84
/* Small visual differentiation for the code output cell. Code background
85
lightened by 15% */
86
.language-text.theme-code-block
87
{
88
  background-color: #414863;
89
}
90

91
html[data-theme="dark"] {
92
  --ifm-breadcrumb-color-active: #0c90ff;
93
  --ifm-hero-text-color: white;
94
  --ifm-link-color: #1084ff;
95
  --ifm-menu-color-active: #0c90ff;
96
  --ifm-navbar-search-input-placeholder-color: #8a8d91;
97
  --ifm-navbar-link-hover-color: #0c90ff;
98

99
  .table-of-contents__link--active {
100
    color: #0c84ff;
101
  }
102

103
  a[class^=sidebarItem][aria-current='page'] {
104
    color: #0c84ff !important;
105
  }
106

107
  .hero.hero--primary {
108
    --ifm-hero-text-color: white;
109
  }
110

111
  blockquote {
112
    --ifm-color-emphasis-300: var(--ifm-color-primary);
113
  }
114

115
  a code {
116
    color: #10a5ff;
117
  }
118

119
  /* Docusaurus still defaults to their green! */
120
  .react-toggle-thumb {
121
    border-color: var(--ifm-color-primary) !important;
122
  }
123

124
  .docusaurus-highlight-code-line {
125
    background-color: rgb(0, 0, 0, 0.3);
126
  }
127

128
  .header-github-link:before {
129
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
130
      no-repeat;
131
  }
132

133
  .markdown table tr:nth-child(even) a {
134
    color: #1097ff;
135
  }
136
}
137