Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
holoviz
GitHub Repository: holoviz/panel
 Path: blob/main/doc/_static/css/custom.css
2012 views
1
:root[data-theme='light'],

2
:root[data-theme='dark'] {

3
  --holoviz-main-color: #0072b5;

4
  --pst-color-inline-code: var(--holoviz-main-color);

5
  --pst-color-link-hover: var(--holoviz-main-color);

6
  --pst-color-link: var(--holoviz-main-color);

7
  --pst-color-primary: var(--holoviz-main-color);

8
  --pst-color-secondary-bg: #d9ebf0; /* Announcement banner */

9
  --pst-color-secondary-highlight: var(--holoviz-main-color);

10
  --pst-color-secondary: var(--holoviz-main-color);

11
  --pst-violet-600: var(--holoviz-main-color); /* back to top hover */

12
  --sd-color-card-border-hover: var(--holoviz-main-color);

13
}

14


15
.bd-header-announcement {

16
  color: black;

17
}

18


19
/* Fix breadcrumb overlap https://github.com/holoviz/panel/issues/5199 */

20
.header-article__inner .header-article-item {

21
  height: unset;

22
}

23


24
/* Homepage Showcase */

25


26
.showcase-table {

27
  border-spacing: 15px;

28
}

29


30
.showcase-table td {

31
  border: 0px;

32
  vertical-align: top;

33
}

34


35
/* Homepage sponsors */

36


37
.sd-card-body.sponsor-logo {

38
  flex-grow: unset;

39
  margin: auto;

40
}

41


42
.sponsor-logo img {

43
  min-height: 80px;

44
  object-fit: contain;

45
}

46


47
/* Tweaks for code cell rendering */

48


49
.highlight {

50
  border-radius: 4px;

51
}

52


53
html[data-theme='light'] .highlight {

54
  background-color: #263238;

55
  color: #f8f8f2;

56
}

57


58
pre[id^='codecell'] {

59
  background-color: unset;

60
  border: none;

61
  border-radius: 0.5em;

62
  color: #f8f8f2;

63
  box-shadow: none;

64
  padding: 1.5em;

65
}

66


67
div.highlight button.copybtn.o-tooltip--left:after {

68
  background-color: #263235;

69
  border: 1px solid gray;

70
  border-radius: 4px;

71
  padding: 5px;

72
}

73


74
button.copybtn {

75
  background-color: #263238;

76
}

77


78
button.copybtn:hover {

79
  background-color: #263238;

80
  color: #f8f8f2;

81
}

82


83
.highlight button.copybtn:hover {

84
  background: none;

85
}

86


87
.o-tooltip--left:after {

88
  background: none;

89
}

90


91
video {

92
  max-width: 100%;

93
}

94


95