oqd-core/docs/stylesheets/brand.css at a9682f3f4c41810ebf9fa87b3007a2675c67509d · OpenQuantumDesign/oqd-core · GitHub

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
108
109
110
111
112
113
114
115
116
/* Load custom fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600;700&family=Source+Serif+Pro&display=swap');

/* Base typography */
body, .md-typeset {
  font-family: 'Source Serif Pro', serif;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.md-typeset h1, .md-typeset h2, .md-typeset h3,
.md-typeset h4, .md-typeset h5, .md-typeset h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700; /* Bold for headings */
}

/* Subheadings */
.md-typeset h2, .md-typeset h3 {
  font-weight: 600; /* SemiBold for subheadings */
}

/* Light mode overrides */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #FFFFFF;
  --md-primary-fg-color: #23627D; /* blue accent */
  --md-accent-fg-color: #23627D;
}

/* Dark mode overrides */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #141414;
  --md-primary-fg-color: #23627D;
  --md-accent-fg-color: #23627D;
}


/* Apply Raleway to all navigation and sidebar elements */
.md-nav,
.md-nav__title,
.md-nav__link,
.md-header,
.md-tabs,
.md-sidebar,
.md-sidebar__inner,
.md-nav__item,
.md-footer,
.md-footer__inner {
  font-family: 'Raleway', sans-serif;
  font-weight: 600; /* SemiBold for ToC/nav for clarity */
}


/* Page heading accent color for light mode */
[data-md-color-scheme="default"] .md-typeset h1,
[data-md-color-scheme="default"] .md-typeset h2,
[data-md-color-scheme="default"] .md-typeset h3,
[data-md-color-scheme="default"] .md-typeset h4,
[data-md-color-scheme="default"] .md-typeset h5,
[data-md-color-scheme="default"] .md-typeset h6 {
  color: #7B2328; /* Warm yellow/orange for light mode */
}

/* Page heading accent color for dark mode */
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  /* color: #F19D19; Deep red for dark mode */
  color: #E45B68; /* Deep red for dark mode */
}


/* Light mode nav/ToC font color */
[data-md-color-scheme="default"] .md-nav,
[data-md-color-scheme="default"] .md-nav__link,
[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-tabs {
  /*color: #222; /* Dark gray or your preferred shade */
  color: #141414;
}

/* Dark mode nav/ToC font color */
[data-md-color-scheme="slate"] .md-nav,
[data-md-color-scheme="slate"] .md-nav__link,
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  color: #f0f0f0; /* Light gray or white */
}


/* Top navigation bar text and icons should be light-colored */
.md-header,
.md-header .md-header__title,
.md-header .md-header__button,
.md-header .md-tabs,
.md-header .md-tabs__link,
.md-header .md-header__topic,
.md-header .md-header__option {
  color: #f0f0f0 !important;  /* Light gray or white text */
  fill: #f0f0f0 !important;   /* Icons (SVG) */
}

/* Hover state for links in header */
.md-header .md-tabs__link:hover {
  color: #ffffff !important;
  text-decoration: underline;
}