Skip to content

Commit 0333b74

Browse files
SherinDaher-RunaiSherinDaher-Runai
authored
Merge pull request #1422 from run-ai/Update-logo
Updated logo
2 parents f324674 + f6e7341 commit 0333b74

File tree

4 files changed

+175
-16
lines changed

4 files changed

+175
-16
lines changed

‎docs/images/logos-nvidia-runai.svg‎

Lines changed: 25 additions & 0 deletions
Loading

‎docs/index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,15 @@ To get support use the following channels:
2020

2121
* Or submit a ticket by clicking the button below:
2222

23-
[Submit a Ticket](https://runai.secure.force.com/casesupport/CreateCaseForm){target=_blank .md-button .md-button--primary }
23+
[Submit a Ticket](https://runai.secure.force.com/casesupport/CreateCaseForm){target=_blank .md-button .custom-ticket-button}
2424

2525

2626

2727
## Community
2828

2929
Run:ai provides its customers with access to the _Run:ai Customer Community portal_ in order to submit tickets, track ticket progress and update support cases.
3030

31-
[Customer Community Portal](https://runai-support.force.com/community/s/){target=_blank .md-button .md-button--primary }
31+
[Customer Community Portal](https://runai-support.force.com/community/s/){target=_blank .md-button .custom-ticket-button}
3232

3333
Reach out to customer support for credentials.
3434

‎docs/stylesheets/extra.css‎

Lines changed: 145 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,54 +4,188 @@
44
} */
55

66
.md-header {
7-
background-color: rgb(0, 76, 117) !important;
7+
background-color: #232837 !important;
88
}
99

1010
.md-tabs {
1111
/* background-image: url(../assets/images/second-nav-blue.png); */
12-
background-color: rgb(0, 155, 223) !important;
12+
background-color: #FAFAFA !important;
1313
font-weight: bold;
14+
color: #000000;
15+
}
16+
17+
/* Properly align the Documentation title in the header */
18+
.md-header__title {
19+
font-family: "Roboto", sans-serif !important;
20+
font-weight: 600 !important; /* Matches weight 600 */
21+
font-size: 16px !important; /* Matches size 16px */
22+
line-height: 18.75px !important; /* Matches line height */
23+
letter-spacing: 0 !important; /* Matches letter spacing */
24+
color: #FFFFFF !important; /* Matches hex #FFFFFF */
25+
width: 145px !important; /* Matches width */
26+
height: 24px !important; /* Matches height */
27+
display: flex;
28+
align-items: center; /* Ensures vertical alignment */
29+
justify-content: center; /* Optional: Centers horizontally */
30+
padding-top: 2px; /* Fine-tune vertical spacing */
31+
padding-bottom: 2px; /* Fine-tune vertical spacing */
32+
}
33+
34+
/* Set the initial background color before input */
35+
.md-search__form {
36+
background-color: rgba(255, 255, 255, 0.2) !important; /* White with 20% opacity */
37+
border-radius: 4px; /* Optional: rounded edges */
38+
}
39+
40+
/* Default state before typing: white with 20% opacity */
41+
.md-search__form {
42+
background-color: rgba(255, 255, 255, 0.2) !important; /* White with 20% opacity */
43+
border-radius: 4px; /* Optional rounded edges */
44+
transition: background-color 0.3s ease-in-out; /* Smooth transition */
45+
}
46+
47+
/* Keep placeholder text visible */
48+
.md-search__input::placeholder {
49+
color: rgba(255, 255, 255, 0.8) !important; /* Light placeholder for readability */
50+
}
51+
52+
/* When the user clicks inside the search bar (focus), change to full white */
53+
.md-search__input:focus,
54+
.md-search__input:not(:placeholder-shown) {
55+
background-color: rgba(255, 255, 255, 1) !important; /* Fully white when typing */
56+
color: #000000 !important; /* Black text while typing */
57+
transition: background-color 0.3s ease-in-out; /* Smooth transition */
1458
}
15-
/* Footer */
1659

60+
/* Ensure search icon remains unchanged */
61+
.md-search__icon {
62+
color: inherit !important; /* Keeps default color */
63+
}
64+
65+
66+
/* Footer */
1767
.md-footer-nav {
1868
/* background-image: url(../assets/images/second-nav-blue.png); */
1969
background-color: rgb(0, 76, 117) !important;
20-
2170
/* max-height: 90px; */
2271
}
2372

73+
.custom-ticket-button {
74+
background-color: #0654FE !important; /* Change to your preferred color */
75+
color: white !important;
76+
font-weight: bold;
77+
border-radius: 5px;
78+
padding: 10px 15px;
79+
text-decoration: none;
80+
}
2481

2582
.md-footer-meta {
2683
background-color: rgb(0, 76, 117) !important;
2784
border-top: 1px solid #1b2532 !important;
2885
}
29-
.md-header-nav__button.md-logo img, .md-header-nav__button.md-logo svg {
30-
width: 50px
86+
87+
/* Default logo size for desktop */
88+
html .md-header-nav__button.md-logo img,
89+
html .md-header-nav__button.md-logo svg {
90+
width: 104px !important;
91+
height: 30px !important;
92+
}
93+
94+
/* Adjust logo for tablet view */
95+
@media only screen and (max-width: 1024px) {
96+
html .md-header-nav__button.md-logo img,
97+
html .md-header-nav__button.md-logo svg {
98+
width: 70px !important;
99+
height: 20px !important;
100+
}
101+
}
102+
103+
/* Smaller logo for mobile view */
104+
@media only screen and (max-width: 768px) {
105+
html .md-header-nav__button.md-logo img,
106+
html .md-header-nav__button.md-logo svg {
107+
width: 50px !important;
108+
height: 15px !important;
109+
}
110+
}
111+
112+
/* Extra small logo for very narrow screens */
113+
@media only screen and (max-width: 480px) {
114+
html .md-header-nav__button.md-logo img,
115+
html .md-header-nav__button.md-logo svg {
116+
width: 40px !important;
117+
height: 12px !important;
118+
}
119+
}
120+
121+
/* Fix for sidebar navigation logo */
122+
html .md-nav__button.md-logo img {
123+
width: 104px !important;
124+
height: 30px !important;
125+
}
126+
127+
/* Adjust sidebar logo for tablet view */
128+
@media only screen and (max-width: 1024px) {
129+
html .md-nav__button.md-logo img {
130+
width: 70px !important;
131+
height: 20px !important;
132+
}
133+
}
134+
135+
/* Smaller sidebar logo for mobile view */
136+
@media only screen and (max-width: 768px) {
137+
html .md-nav__button.md-logo img {
138+
width: 50px !important;
139+
height: 15px !important;
140+
}
141+
}
142+
143+
/* Extra small sidebar logo for very narrow screens */
144+
@media only screen and (max-width: 480px) {
145+
html .md-nav__button.md-logo img {
146+
width: 40px !important;
147+
height: 12px !important;
148+
}
149+
}
150+
151+
/* Ensure non-selected tabs are always #6B6B6B */
152+
.md-tabs__link {
153+
font-family: "Roboto", sans-serif !important;
154+
font-weight: 600 !important; /* Semi-Bold */
155+
font-size: 14px !important;
156+
color: #6B6B6B !important; /* Non-selected tabs */
157+
}
158+
159+
/* Change color on hover */
160+
.md-tabs__link:hover {
161+
color: #232837 !important; /* Hover color */
162+
}
163+
164+
/* Style the active (selected) tab */
165+
.md-tabs__item--active > .md-tabs__link {
166+
color: #232837 !important; /* Selected tab color */
31167
}
32168

33169
/* for the mobile nav bar */
34170
@media only screen and (max-width: 76.1875em) {
35-
36171
html .md-nav--primary .md-nav__title--site {
37-
background-color: rgb(0, 76, 117) !important;
172+
background-color: #232837 !important;
38173
border-bottom: 1px solid #1b2532 !important;
39174
}
40175

41176
.md-nav__source {
42-
background-color: #1f4e79 !important;
177+
background-color: #232837 !important;
43178
}
44179

45180
html .md-nav--primary .md-nav__title {
46-
background-color: rgb(0, 76, 117) !important;
181+
background-color: #232837 !important;
47182
border-bottom: 1px solid #1b2532 !important;
48183
color: #ffffff;
49184
}
50185

51186
html .md-nav--primary .md-nav__title::before {
52187
color: #ffffff;
53188
}
54-
55189
}
56190

57191
/* override swagger code */

‎mkdocs.yml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
site_name: Run:ai Documentation Library
1+
site_name: Documentation
22
site_url: https://docs.run.ai/
3-
copyright: Copyright © 2020 - 2024 Run:ai
3+
copyright: Copyright © 2020 - 2025 Run:ai
44
repo_url: https://github.com/run-ai/docs/
55
edit_uri: edit/v2.17/docs/
66
docs_dir: docs
@@ -9,7 +9,7 @@ theme:
99
custom_dir: overrides
1010
language: en
1111
favicon: images/favicon.ico
12-
logo: images/RUNAI-LOGO-DIGITAL-2C_WP.svg
12+
logo: images/logos-nvidia-runai.svg
1313
features:
1414
- navigation.indexes
1515
- navigation.tabs

0 commit comments

Comments
 (0)