Skip to content

Commit

Permalink
chore: update light theme
Browse files Browse the repository at this point in the history
  • Loading branch information
bweber committed Sep 14, 2024
1 parent b2138d9 commit f52f20b
Show file tree
Hide file tree
Showing 11 changed files with 283 additions and 31 deletions.
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"svg.preview.background": "editor"
}
10 changes: 5 additions & 5 deletions docs/guides/marketplaces/onboard-sellers.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -13,13 +13,13 @@ sequenceDiagram
participant pq as PublicSquare
se ->> mk: Start seller onboarding
mk ->> cr: Create seller invitation
cr -->> mk: Seller invitation
mk ->> pq: Create seller invitation
pq -->> mk: Seller invitation
mk -->> se: Returns seller invitation link
se ->> pq: Seller navigates to invitation URL
cr ->> pq: Seller accepts invitation
cr ->> pq: Seller completes onboarding form
cr -->> mk: Redirect seller to success URL
pq ->> pq: Seller accepts invitation
pq ->> pq: Seller completes onboarding form
pq -->> mk: Redirect seller to success URL
mk -->> se: Complete seller onboarding
```

Expand Down
7 changes: 4 additions & 3 deletions docusaurus.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -62,8 +62,8 @@ const config: Config = {
navbar: {
logo: {
alt: "PublicSquare",
src: "img/credova-dark.svg",
srcDark: "img/credova-light.svg",
src: "img/publicsquare-logo-dark.svg",
srcDark: "img/publicsquare-logo-light.svg",
},
items: [
{
Expand Down Expand Up @@ -104,10 +104,11 @@ const config: Config = {
options: {
themeVariables: {
darkMode: false,
primaryColor: "#80A860",
primaryColor: "#004B68",
primaryBorderColor: "var(--mermaid-primary-border-color)",
textColor: "var(--mermaid-text-color)",
actorTextColor: "var(--mermaid-actor-color)",
nodeTextColor: "var(--bt-mermaid-node-text-color)",
},
},
},
Expand Down
4 changes: 2 additions & 2 deletions src/components/sdks/GithubCard.module.css
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
:root {
--gh-card-background-color: linear-gradient(
100.66deg,
#f0fffc 18.43%,
#f0fffc 120.94%
rgba(183, 236, 243, .2) 18.43%,
rgba(183, 236, 243, .2) 120.94%
);
}

Expand Down
10 changes: 5 additions & 5 deletions src/components/shared/Button.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@
}

.primary.button:hover {
background: var(--ifm-color-primary-darker);
border: 1px solid var(--ifm-color-primary-darker);
background: var(--ifm-color-primary-focus);
border: 1px solid var(--ifm-color-primary-focus);
}

.secondary {
Expand All @@ -34,8 +34,8 @@
}

.secondary.button:hover {
color: var(--ifm-color-primary);
background: #00b68a0a;
color: var(--ifm-color-primary-focus);
border: 1px solid var(--ifm-color-primary-focus);
}

.secondary svg path {
Expand All @@ -45,7 +45,7 @@
.button:hover {
cursor: pointer;
text-decoration: none !important;
color: var(--primary-button-color);
color: var(--primary-button-color-focus);
}

.button svg {
Expand Down
60 changes: 44 additions & 16 deletions src/css/custom.scss
Original file line number Diff line number Diff line change
Expand Up @@ -11,13 +11,25 @@
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
--ifm-color-primary: #80A860;
--ifm-color-primary: #27282B;
--ifm-color-primary-focus: #3F4146;
--ifm-color-primary-light: var(--ifm-color-primary);
--ifm-color-primary-lightest: var(--ifm-color-primary-focus);
--ifm-color-primary-lighter: #006F91;

--ifm-link-color: var(--ifm-color-primary-lighter);
--ifm-navbar-link-hover-color: var(--ifm-color-primary-lighter);
--ifm-breadcrumb-color-active: var(--ifm-color-primary-lighter);

--ifm-menu-color-active: var(--ifm-color-primary-lighter);
--ifm-menu-color-background-active: #F1F6F6;
--ifm-menu-color-background-hover: #F1F6F6;


--ifm-color-primary-dark: #97B77D;
--ifm-color-primary-darker: #80A860;
--ifm-color-primary-darkest: #6B8E4E;
--ifm-color-primary-light: #B8CEA6;
--ifm-color-primary-lighter: #C2D5B3;
--ifm-color-primary-lightest: #747476;
// --ifm-color-primary-light: #B8CEA6;
// --ifm-color-primary-lightest: #747476;
--ifm-color-success: #80A860;
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
Expand All @@ -30,21 +42,23 @@
--component-border-color: #cacddb;

/* Code */
--code-block-background-color: #f9fffe;
--code-title-background-color: #f3fdfb;
--code-block-background-color: #F1F6F6;
--code-title-background-color: #F1F6F6;

/* Cards */
--card-border-radius: 10px;
--card-border-radius: 4px;
--primary-button-color: #fff;
--primary-button-color-focus: #fff;
--card-border-shadow: 0 1px 2px 0 #004B68;
--card-border-shadow-hover: 0px 10px 15px -3px rgba(7, 10, 27, 0.05), 0px 4px 6px -4px rgba(7, 10, 27, 0.05), inset 0px 0px 0px 1px #b9bcd1;

/* Alerts */
--alert-warning-color: #EECD59;
--alert-warning-background: linear-gradient(90deg, rgba(255, 167, 38, 0.2) 0.78%, rgba(255, 167, 38, 0.05) 41.41%);
--alert-warning-color: rgba(238, 193, 67, 1);
--alert-warning-background: rgba(238, 193, 67, .1);
--alert-error-color: #EF3E36;
--alert-error-background: linear-gradient(90deg, rgba(246, 81, 136, 0.2) 0.78%, rgba(246, 81, 136, 0.05) 41.41%);
--alert-info-color: #508CA4;
--alert-info-background: linear-gradient(90deg, rgba(41, 182, 246, 0.2) 0.78%, rgba(41, 182, 246, 0.05) 41.41%);
--alert-info-color: rgba(0, 152, 179, 1);
--alert-info-background: rgba(0, 152, 179, .1);
--alert-success-color: #ADC698;
--alert-success-background: linear-gradient(90deg, rgba(0, 182, 138, 0.2) 0.78%, rgba(0, 182, 138, 0.05) 41.41%);
--alert-neutral-color: #606376;
Expand All @@ -55,7 +69,7 @@
--font-family: 'Plus Jakarta Sans';

--mermaid-text-color: #000;
--mermaid-actor-color: #000;
--mermaid-actor-color: #FFF;
--mermaid-primary-border-color: var(--ifm-color-primary-lighter);
}

Expand Down Expand Up @@ -105,7 +119,7 @@
/* Flowchart */
--mermaid-text-color: #FFF;
--mermaid-actor-color: #FFF;
--mermaid-primary-border-color: var(--ifm-color-primary-darkest);
--mermaid-primary-border-color: var(--ifm-color-primary-lighter);
}

body {
Expand Down Expand Up @@ -145,14 +159,24 @@ a:any-link:hover {
color: white;
}

.badge--primary {
background-color: var(--openapi-code-green);
border-color: var(--openapi-code-green);
}

.badge--success {
background-color: var(--ifm-link-color);
border-color: var(--ifm-link-color);
}

.get > .menu__link::before {
content: "get";
background-color: var(--ifm-color-primary);
background-color: var(--openapi-code-green);
}

.post > .menu__link::before {
content: "post";
background-color: var(--openapi-code-green);
background-color: var(--ifm-link-color);
}

.delete > .menu__link::before {
Expand Down Expand Up @@ -347,3 +371,7 @@ html[data-theme="dark"] .header-github-link:before {
padding-left: 1em;
padding-right: 1em;
}

.menu__link--active, .menu__link:hover, .menu__list-item-collapsible {
margin-right: 1px;
}
Binary file modified static/img/favicon.ico
Binary file not shown.
54 changes: 54 additions & 0 deletions static/img/publicsquare-dark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit f52f20b

Please sign in to comment.