extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-06-25 20:22:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

styling (#963)

Browse Source
This commit is contained in:
Michael Quigley 2025-05-06 12:48:11 -04:00
parent 80ac19ff69
commit ddca46d7e7
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
5 changed files with 124 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/index.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/zrok.png" /> <link rel="icon" type="image/svg+xml" href="/img/zrok.png" />
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

22
website/src/css/custom.css
View File

@ -17,7 +17,7 @@
--ifm-color-primary-light: #3e2693; --ifm-color-primary-light: #3e2693;
--ifm-color-primary-lighter: #5a3cc2; --ifm-color-primary-lighter: #5a3cc2;
--ifm-color-primary-lightest: #6747d9; --ifm-color-primary-lightest: #6747d9;
--ifm-code-font-size: 95%; --ifm-code-font-size: 90%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
--ifm-menu-color: #252525; --ifm-menu-color: #252525;
--code-background-color: rgba(62,38,147,.1); --code-background-color: rgba(62,38,147,.1);
@ -26,6 +26,8 @@
--selection-background: #9BF316; --selection-background: #9BF316;
--ifm-menu-color-background-hover: #6747d955; --ifm-menu-color-background-hover: #6747d955;
--sidebar-selected: #6747d955; --sidebar-selected: #6747d955;
--ifm-navbar-background-color: #0d0235;
--ifm-navbar-link-color: #FFFFFF;
} }
/* For readability concerns, you should choose a lighter palette in dark mode. */ /* For readability concerns, you should choose a lighter palette in dark mode. */
@ -62,11 +64,9 @@
} }
[data-theme='dark'] { [data-theme='dark'] {
--ifm-navbar-background-color: #0d0235;
--ifm-background-color: unset; --ifm-background-color: unset;
--ifm-link-color: #9bf316; --ifm-link-color: #9bf316;
--ifm-menu-color: #FFFFFFD4; --ifm-menu-color: #FFFFFFD4;
} }
.footer--dark { .footer--dark {
@ -85,7 +85,6 @@
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
color: var(--ifm-heading-color); color: var(--ifm-heading-color);
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
font-weight: 400;
line-height: var(--ifm-heading-line-height); line-height: var(--ifm-heading-line-height);
margin: var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0; margin: var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0;
} }
@ -106,6 +105,10 @@ html {
font-weight: 600; font-weight: 600;
} }
.navbar {
color: #FFFFFF;
}
[data-theme='dark'] [data-theme='dark']
.menu__link { .menu__link {
color: #FFFFFFD4; color: #FFFFFFD4;
@ -184,6 +187,9 @@ a code {
display: none; display: none;
} }
.header-github-link {
color: #FFFFFF;
}
.header-github-link:hover { .header-github-link:hover {
opacity: 0.6; opacity: 0.6;
} }
@ -195,10 +201,10 @@ a code {
height: 1.25rem; height: 1.25rem;
width: 1.25rem; width: 1.25rem;
} }
[data-theme="dark"] .header-github-link::before { /*[data-theme="dark"] .header-github-link::before {*/
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(148, 163, 184)' 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") /* background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(148, 163, 184)' 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")*/
no-repeat; /* no-repeat;*/
} /*}*/
.header-discourse-link:hover { .header-discourse-link:hover {
opacity: 0.6; opacity: 0.6;

53
website/static/img/zrok-1.0.0-rocket-green.svg Normal file
View File

@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="125.797mm"
height="166.26598mm"
viewBox="0 0 125.797 166.26598"
version="1.1"
id="svg1"
xml:space="preserve"
inkscape:version="1.4 (e7c3feb, 2024-10-09)"
sodipodi:docname="zrok-1.0.0-rocket-white.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showguides="false"
inkscape:zoom="0.85634716"
inkscape:cx="560.52034"
inkscape:cy="509.72318"
inkscape:window-width="1952"
inkscape:window-height="1304"
inkscape:window-x="1311"
inkscape:window-y="48"
inkscape:window-maximized="0"
inkscape:current-layer="layer1"><inkscape:page
x="0"
y="-4.4822158e-22"
width="125.797"
height="166.26598"
id="page2"
margin="0"
bleed="0" /></sodipodi:namedview><defs
id="defs1" /><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-41.620475,-64.027978)"><path
id="path2"
style="fill:#9bf316;fill-opacity:1;stroke-width:0.865487"
d="m 104.52059,64.027974 c 0,0 -12.300998,16.684095 -17.163248,24.964306 -4.8623,8.28022 -7.86765,12.84754 -10.59501,26.3339 -2.72736,13.48636 -1.27406,42.21319 -1.27406,42.21319 l -18.58752,20.04004 -15.280273,49.9615 40.422833,-6.79427 a 22.714797,11.567473 0 0 0 22.320548,9.54731 22.714797,11.567473 0 0 0 22.32712,-9.55945 l 40.72649,6.84277 -15.28027,-49.95979 -18.58916,-20.04001 c 0,0 1.45496,-28.72857 -1.2724,-42.21493 -2.72736,-13.48636 -5.73437,-18.05368 -10.59667,-26.3339 -4.8608,-8.277646 -17.14905,-24.947062 -17.15668,-24.957378 z m -0.0151,14.741718 c 0.52421,0.860497 14.76063,18.300498 18.34492,32.586238 3.65093,14.55125 3.25036,30.16797 2.29067,46.75483 -0.68395,11.82081 -5.48912,37.13724 -8.2384,50.97445 a 22.714797,11.567473 0 0 0 -12.54073,-1.9254 22.714797,11.567473 0 0 0 -12.237098,1.84921 c -2.75047,-13.84452 -7.55003,-39.12307 -8.23343,-50.93462 -0.95969,-16.58687 -1.36026,-32.20531 2.29067,-46.75656 3.57561,-14.25109 17.733538,-31.579359 18.323398,-32.548148 z m -27.999198,95.069708 6.36686,35.53319 -30.30472,9.08328 10.94985,-35.7998 z m 56.021568,0.0351 12.988,8.81667 10.9482,35.80155 -30.30311,-9.08504 z"
inkscape:export-filename="zrok-1.0.0-rocket-white.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" /></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

56
website/static/img/zrok-1.0.0-rocket-purple.svg Normal file
View File

@ -0,0 +1,56 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="125.797mm"
height="166.26598mm"
viewBox="0 0 125.797 166.26598"
version="1.1"
id="svg1"
xml:space="preserve"
inkscape:version="1.4 (e7c3feb, 2024-10-09)"
sodipodi:docname="zrok-1.0.0-rocket.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showguides="false"
inkscape:zoom="0.57641403"
inkscape:cx="1125.9268"
inkscape:cy="717.3663"
inkscape:window-width="1952"
inkscape:window-height="1304"
inkscape:window-x="1311"
inkscape:window-y="48"
inkscape:window-maximized="0"
inkscape:current-layer="layer1"><inkscape:page
x="0"
y="-4.4822158e-22"
width="125.797"
height="166.26598"
id="page2"
margin="0"
bleed="0" /></sodipodi:namedview><defs
id="defs1" /><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-41.620475,-64.027978)"><path
style="fill:#9bf316;fill-opacity:1;stroke-width:0.264583"
d="m 104.00862,71.619972 -17.33477,27.370687 -7.298851,39.687501 -2.280891,30.10776 -16.878591,10.03592 -12.316811,42.88074 54.741374,-6.38649 58.84699,7.29885 -14.59771,-44.24928 -17.79094,-18.24713 -2.73707,-53.37284 z"
id="path1"
inkscape:export-filename="zrok-1.0.0-rocket-purple.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" /><path
id="path2"
style="fill:#241774;fill-opacity:1;stroke-width:0.865487"
d="m 104.52059,64.027974 c 0,0 -12.300998,16.684095 -17.163248,24.964306 -4.8623,8.28022 -7.86765,12.84754 -10.59501,26.3339 -2.72736,13.48636 -1.27406,42.21319 -1.27406,42.21319 l -18.58752,20.04004 -15.280273,49.9615 40.422833,-6.79427 a 22.714797,11.567473 0 0 0 22.320548,9.54731 22.714797,11.567473 0 0 0 22.32712,-9.55945 l 40.72649,6.84277 -15.28027,-49.95979 -18.58916,-20.04001 c 0,0 1.45496,-28.72857 -1.2724,-42.21493 -2.72736,-13.48636 -5.73437,-18.05368 -10.59667,-26.3339 -4.8608,-8.277646 -17.14905,-24.947062 -17.15668,-24.957378 z m -0.0151,14.741718 c 0.52421,0.860497 14.76063,18.300498 18.34492,32.586238 3.65093,14.55125 3.25036,30.16797 2.29067,46.75483 -0.68395,11.82081 -5.48912,37.13724 -8.2384,50.97445 a 22.714797,11.567473 0 0 0 -12.54073,-1.9254 22.714797,11.567473 0 0 0 -12.237098,1.84921 c -2.75047,-13.84452 -7.55003,-39.12307 -8.23343,-50.93462 -0.95969,-16.58687 -1.36026,-32.20531 2.29067,-46.75656 3.57561,-14.25109 17.733538,-31.579359 18.323398,-32.548148 z m -27.999198,95.069708 6.36686,35.53319 -30.30472,9.08328 10.94985,-35.7998 z m 56.021568,0.0351 12.988,8.81667 10.9482,35.80155 -30.30311,-9.08504 z" /></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
website/static/img/zrok-favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB