diff --git a/azure-pipelines.yml b/azure-pipelines.yml
index 0f7ea91f9..22539a763 100644
--- a/azure-pipelines.yml
+++ b/azure-pipelines.yml
@@ -11,13 +11,21 @@ trigger:
exclude:
- "website/*"
- "*.md"
+ - "*.mdx"
- ".github/workflows/*"
pr:
paths:
exclude:
- "*.md"
+ - "*.mdx"
- "website/docs/*"
- "website/src/*"
+ - "website/meta/*.tsx"
+ - "website/meta/*.mjs"
+ - "website/meta/languages.json"
+ - "website/meta/site.json"
+ - "website/meta/sidebars.json"
+ - "website/meta/type-annotations.json"
- ".github/workflows/*"
jobs:
diff --git a/spacy/tests/test_cli.py b/spacy/tests/test_cli.py
index d00f66c60..249c44672 100644
--- a/spacy/tests/test_cli.py
+++ b/spacy/tests/test_cli.py
@@ -1074,7 +1074,7 @@ def test_cli_find_threshold(capsys):
)
with make_tempdir() as nlp_dir:
nlp.to_disk(nlp_dir)
- res = find_threshold(
+ best_threshold, best_score, res = find_threshold(
model=nlp_dir,
data_path=docs_dir / "docs.spacy",
pipe_name="tc_multi",
@@ -1082,10 +1082,10 @@ def test_cli_find_threshold(capsys):
scores_key="cats_macro_f",
silent=True,
)
- assert res[0] != thresholds[0]
- assert thresholds[0] < res[0] < thresholds[9]
- assert res[1] == 1.0
- assert res[2][1.0] == 0.0
+ assert best_threshold != thresholds[0]
+ assert thresholds[0] < best_threshold < thresholds[9]
+ assert best_score == max(res.values())
+ assert res[1.0] == 0.0
# Test with spancat.
nlp, _ = init_nlp((("spancat", {}),))
diff --git a/website/docs/usage/101/_vectors-similarity.mdx b/website/docs/usage/101/_vectors-similarity.mdx
index c27f777d8..6deab926d 100644
--- a/website/docs/usage/101/_vectors-similarity.mdx
+++ b/website/docs/usage/101/_vectors-similarity.mdx
@@ -134,6 +134,7 @@ useful for your purpose. Here are some important considerations to keep in mind:
[`sense2vec`](https://github.com/explosion/sense2vec) is a library developed by
diff --git a/website/docs/usage/layers-architectures.mdx b/website/docs/usage/layers-architectures.mdx
index 37f11e8e2..8f6bf3a20 100644
--- a/website/docs/usage/layers-architectures.mdx
+++ b/website/docs/usage/layers-architectures.mdx
@@ -113,6 +113,7 @@ code.
diff --git a/website/docs/usage/projects.mdx b/website/docs/usage/projects.mdx
index 8ec035942..f3cca8013 100644
--- a/website/docs/usage/projects.mdx
+++ b/website/docs/usage/projects.mdx
@@ -943,7 +943,7 @@ full embedded visualizer, as well as individual components.
> $ pip install spacy-streamlit --pre
> ```
-
+
Using [`spacy-streamlit`](https://github.com/explosion/spacy-streamlit), your
projects can easily define their own scripts that spin up an interactive
diff --git a/website/docs/usage/saving-loading.mdx b/website/docs/usage/saving-loading.mdx
index e0daebe35..aad8ea353 100644
--- a/website/docs/usage/saving-loading.mdx
+++ b/website/docs/usage/saving-loading.mdx
@@ -304,6 +304,28 @@ installed in the same environment – that's it.
| `spacy_lookups` | Group of entry points for custom [`Lookups`](/api/lookups), including lemmatizer data. Used by spaCy's [`spacy-lookups-data`](https://github.com/explosion/spacy-lookups-data) package. |
| [`spacy_displacy_colors`](#entry-points-displacy) | Group of entry points of custom label colors for the [displaCy visualizer](/usage/visualizers#ent). The key name doesn't matter, but it should point to a dict of labels and color values. Useful for custom models that predict different entity types. |
+### Loading probability tables into existing models
+
+You can load a probability table from [spacy-lookups-data](https://github.com/explosion/spacy-lookups-data) into an existing spaCy model like `en_core_web_sm`.
+
+```python
+# Requirements: pip install spacy-lookups-data
+import spacy
+from spacy.lookups import load_lookups
+nlp = spacy.load("en_core_web_sm")
+lookups = load_lookups("en", ["lexeme_prob"])
+nlp.vocab.lookups.add_table("lexeme_prob", lookups.get_table("lexeme_prob"))
+```
+
+When training a model from scratch you can also specify probability tables in the `config.cfg`.
+
+```ini {title="config.cfg (excerpt)"}
+[initialize.lookups]
+@misc = "spacy.LookupsDataLoader.v1"
+lang = ${nlp.lang}
+tables = ["lexeme_prob"]
+```
+
### Custom components via entry points {id="entry-points-components"}
When you load a pipeline, spaCy will generally use its `config.cfg` to set up
diff --git a/website/docs/usage/spacy-101.mdx b/website/docs/usage/spacy-101.mdx
index a02e73508..6d444a1e9 100644
--- a/website/docs/usage/spacy-101.mdx
+++ b/website/docs/usage/spacy-101.mdx
@@ -567,7 +567,10 @@ If you would like to use the spaCy logo on your site, please get in touch and
ask us first. However, if you want to show support and tell others that your
project is using spaCy, you can grab one of our **spaCy badges** here:
-
+
```markdown
[](https://spacy.io)
@@ -575,8 +578,9 @@ project is using spaCy, you can grab one of our **spaCy badges** here:
```markdown
-[](https://spacy.io)
+[](https://spacy.io)
```
diff --git a/website/docs/usage/visualizers.mdx b/website/docs/usage/visualizers.mdx
index f1ff6dd3d..1d3682af4 100644
--- a/website/docs/usage/visualizers.mdx
+++ b/website/docs/usage/visualizers.mdx
@@ -437,6 +437,6 @@ Alternatively, if you're using [Streamlit](https://streamlit.io), check out the
helps you integrate spaCy visualizations into your apps. It includes a full
embedded visualizer, as well as individual components.
-
+
diff --git a/website/pages/_app.tsx b/website/pages/_app.tsx
index 8db80a672..a837d9ce8 100644
--- a/website/pages/_app.tsx
+++ b/website/pages/_app.tsx
@@ -17,7 +17,7 @@ export default function App({ Component, pageProps }: AppProps) {
diff --git a/website/pages/index.tsx b/website/pages/index.tsx
index 4c0932926..3f08ec007 100644
--- a/website/pages/index.tsx
+++ b/website/pages/index.tsx
@@ -89,8 +89,8 @@ const Landing = () => {
- Since its release in 2015, spaCy has become an industry standard with
- a huge ecosystem. Choose from a variety of plugins, integrate with your machine
+ Since its release in 2015, spaCy has become an industry standard with a huge
+ ecosystem. Choose from a variety of plugins, integrate with your machine
learning stack and build custom components and workflows.
@@ -206,7 +206,10 @@ const Landing = () => {
-
+
diff --git a/website/src/components/card.js b/website/src/components/card.js
index f07e2d375..ef43eb866 100644
--- a/website/src/components/card.js
+++ b/website/src/components/card.js
@@ -1,6 +1,7 @@
import React from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'
+import ImageNext from 'next/image'
import Link from './link'
import { H5 } from './typography'
@@ -18,8 +19,7 @@ export default function Card({ title, to, image, header, small, onClick, childre
{image && (
- {/* eslint-disable-next-line @next/next/no-img-element */}
-
+
)}
{title && (
diff --git a/website/src/components/copy.js b/website/src/components/copy.js
index 4caabac98..bc7327115 100644
--- a/website/src/components/copy.js
+++ b/website/src/components/copy.js
@@ -14,7 +14,7 @@ export function copyToClipboard(ref, callback) {
}
}
-export default function CopyInput({ text, prefix }) {
+export default function CopyInput({ text, description, prefix }) {
const isClient = typeof window !== 'undefined'
const [supportsCopy, setSupportsCopy] = useState(false)
@@ -41,6 +41,7 @@ export default function CopyInput({ text, prefix }) {
defaultValue={text}
rows={1}
onClick={selectText}
+ aria-label={description}
/>
{supportsCopy && (
diff --git a/website/src/components/juniper.js b/website/src/components/juniper.js
index 569b12d5c..0c5253819 100644
--- a/website/src/components/juniper.js
+++ b/website/src/components/juniper.js
@@ -14,8 +14,8 @@ const spacyTheme = createTheme({
background: 'var(--color-front)',
foreground: 'var(--color-subtle)',
caret: 'var(--color-theme-dark)',
- selection: 'var(--color-theme)',
- selectionMatch: 'var(--color-theme)',
+ selection: 'var(--color-theme-dark)',
+ selectionMatch: 'var(--color-theme-dark)',
gutterBackground: 'var(--color-front)',
gutterForeground: 'var(--color-subtle)',
fontFamily: 'var(--font-code)',
diff --git a/website/src/components/landing.js b/website/src/components/landing.js
index ec01bc196..7d8b455ef 100644
--- a/website/src/components/landing.js
+++ b/website/src/components/landing.js
@@ -1,12 +1,12 @@
import React from 'react'
import classNames from 'classnames'
-import patternDefault from '../images/pattern_blue.jpg'
-import patternNightly from '../images/pattern_nightly.jpg'
-import patternLegacy from '../images/pattern_legacy.jpg'
-import overlayDefault from '../images/pattern_landing.jpg'
-import overlayNightly from '../images/pattern_landing_nightly.jpg'
-import overlayLegacy from '../images/pattern_landing_legacy.jpg'
+import patternDefault from '../images/pattern_blue.png'
+import patternNightly from '../images/pattern_nightly.png'
+import patternLegacy from '../images/pattern_legacy.png'
+import overlayDefault from '../images/pattern_landing.png'
+import overlayNightly from '../images/pattern_landing_nightly.png'
+import overlayLegacy from '../images/pattern_landing_legacy.png'
import Grid from './grid'
import { Content } from './main'
diff --git a/website/src/components/main.js b/website/src/components/main.js
index da7ab08ed..411423ba6 100644
--- a/website/src/components/main.js
+++ b/website/src/components/main.js
@@ -2,11 +2,11 @@ import React from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'
-import patternBlue from '../images/pattern_blue.jpg'
-import patternGreen from '../images/pattern_green.jpg'
-import patternPurple from '../images/pattern_purple.jpg'
-import patternNightly from '../images/pattern_nightly.jpg'
-import patternLegacy from '../images/pattern_legacy.jpg'
+import patternBlue from '../images/pattern_blue.png'
+import patternGreen from '../images/pattern_green.png'
+import patternPurple from '../images/pattern_purple.png'
+import patternNightly from '../images/pattern_nightly.png'
+import patternLegacy from '../images/pattern_legacy.png'
import classes from '../styles/main.module.sass'
const patterns = {
diff --git a/website/src/components/title.js b/website/src/components/title.js
index 0aab4b5ba..64754d7d6 100644
--- a/website/src/components/title.js
+++ b/website/src/components/title.js
@@ -51,8 +51,7 @@ export default function Title({
{image && (
- {/* eslint-disable-next-line @next/next/no-img-element */}
-
+
)}
diff --git a/website/src/images/explosion.svg b/website/src/images/explosion.svg
index 65abb8736..9240ff8ea 100644
--- a/website/src/images/explosion.svg
+++ b/website/src/images/explosion.svg
@@ -1,3 +1,3 @@
-
-
-
+
+
+
\ No newline at end of file
diff --git a/website/src/images/pattern_blue.jpg b/website/src/images/pattern_blue.jpg
deleted file mode 100644
index 78153b9f8..000000000
Binary files a/website/src/images/pattern_blue.jpg and /dev/null differ
diff --git a/website/src/images/pattern_blue.png b/website/src/images/pattern_blue.png
new file mode 100644
index 000000000..fa28b0993
Binary files /dev/null and b/website/src/images/pattern_blue.png differ
diff --git a/website/src/images/pattern_green.jpg b/website/src/images/pattern_green.jpg
deleted file mode 100644
index 106541693..000000000
Binary files a/website/src/images/pattern_green.jpg and /dev/null differ
diff --git a/website/src/images/pattern_green.png b/website/src/images/pattern_green.png
new file mode 100644
index 000000000..ab665f2db
Binary files /dev/null and b/website/src/images/pattern_green.png differ
diff --git a/website/src/images/pattern_landing.jpg b/website/src/images/pattern_landing.jpg
deleted file mode 100644
index cdd1d23a7..000000000
Binary files a/website/src/images/pattern_landing.jpg and /dev/null differ
diff --git a/website/src/images/pattern_landing.png b/website/src/images/pattern_landing.png
new file mode 100644
index 000000000..43a8d9c6e
Binary files /dev/null and b/website/src/images/pattern_landing.png differ
diff --git a/website/src/images/pattern_landing_legacy.jpg b/website/src/images/pattern_landing_legacy.jpg
deleted file mode 100644
index 846b7b2c7..000000000
Binary files a/website/src/images/pattern_landing_legacy.jpg and /dev/null differ
diff --git a/website/src/images/pattern_landing_legacy.png b/website/src/images/pattern_landing_legacy.png
new file mode 100644
index 000000000..d4895e269
Binary files /dev/null and b/website/src/images/pattern_landing_legacy.png differ
diff --git a/website/src/images/pattern_landing_nightly.jpg b/website/src/images/pattern_landing_nightly.jpg
deleted file mode 100644
index 6ff0d574d..000000000
Binary files a/website/src/images/pattern_landing_nightly.jpg and /dev/null differ
diff --git a/website/src/images/pattern_landing_nightly.png b/website/src/images/pattern_landing_nightly.png
new file mode 100644
index 000000000..904cb3562
Binary files /dev/null and b/website/src/images/pattern_landing_nightly.png differ
diff --git a/website/src/images/pattern_legacy.jpg b/website/src/images/pattern_legacy.jpg
deleted file mode 100644
index 2d2e112f4..000000000
Binary files a/website/src/images/pattern_legacy.jpg and /dev/null differ
diff --git a/website/src/images/pattern_legacy.png b/website/src/images/pattern_legacy.png
new file mode 100644
index 000000000..90ea3c53e
Binary files /dev/null and b/website/src/images/pattern_legacy.png differ
diff --git a/website/src/images/pattern_nightly.jpg b/website/src/images/pattern_nightly.jpg
deleted file mode 100644
index a3fadd87b..000000000
Binary files a/website/src/images/pattern_nightly.jpg and /dev/null differ
diff --git a/website/src/images/pattern_nightly.png b/website/src/images/pattern_nightly.png
new file mode 100644
index 000000000..202fdc0d2
Binary files /dev/null and b/website/src/images/pattern_nightly.png differ
diff --git a/website/src/images/pattern_purple.jpg b/website/src/images/pattern_purple.jpg
deleted file mode 100644
index 3be869694..000000000
Binary files a/website/src/images/pattern_purple.jpg and /dev/null differ
diff --git a/website/src/images/pattern_purple.png b/website/src/images/pattern_purple.png
new file mode 100644
index 000000000..641b40c48
Binary files /dev/null and b/website/src/images/pattern_purple.png differ
diff --git a/website/src/styles/accordion.module.sass b/website/src/styles/accordion.module.sass
index 8e67bfc29..6db35e0d4 100644
--- a/website/src/styles/accordion.module.sass
+++ b/website/src/styles/accordion.module.sass
@@ -31,7 +31,7 @@
width: $width
height: $width
flex: 0 0 $width
- background: var(--color-theme)
+ background: var(--color-theme-dark)
color: var(--color-back)
border-radius: 50%
padding: 0.35rem
diff --git a/website/src/styles/alert.module.sass b/website/src/styles/alert.module.sass
index a578b21a6..0e6ac1bd9 100644
--- a/website/src/styles/alert.module.sass
+++ b/website/src/styles/alert.module.sass
@@ -10,7 +10,7 @@
padding: 1rem
box-shadow: var(--box-shadow)
border-top: 2px solid
- color: var(--color-theme)
+ color: var(--color-theme-dark)
.warning
--alert-bg: var(--color-yellow-light)
diff --git a/website/src/styles/button.module.sass b/website/src/styles/button.module.sass
index 35afe68ac..c91fd8c03 100644
--- a/website/src/styles/button.module.sass
+++ b/website/src/styles/button.module.sass
@@ -2,7 +2,7 @@
display: inline-block
padding: 0.65rem 1.1rem 0.825rem
margin-bottom: 1px
- border: 2px solid var(--color-theme)
+ border: 2px solid var(--color-theme-dark)
border-radius: 2em
text-align: center
transition: background-color, color 0.25s ease
@@ -18,7 +18,7 @@
padding: 0.8em 1.1em 1em
.primary
- background: var(--color-theme)
+ background: var(--color-theme-dark)
color: var(--color-back)
&:hover
@@ -27,7 +27,7 @@
.secondary
background: var(--color-back)
- color: var(--color-theme)
+ color: var(--color-theme-dark)
&:hover
color: var(--color-theme-dark)
diff --git a/website/src/styles/code.module.sass b/website/src/styles/code.module.sass
index 142b9fbd4..59e4b4c94 100644
--- a/website/src/styles/code.module.sass
+++ b/website/src/styles/code.module.sass
@@ -152,7 +152,7 @@
.juniper-button
transition: background-color 0.15s ease
- background: var(--color-theme)
+ background: var(--color-theme-dark)
margin: 0.5rem 0 1rem 2rem
&:hover
@@ -182,8 +182,8 @@
color: inherit !important
.cli-arg-highlight
- background: var(--color-theme)
- border-color: var(--color-theme)
+ background: var(--color-theme-dark)
+ border-color: var(--color-theme-dark)
color: var(--color-back) !important
.cli-arg-subtle
diff --git a/website/src/styles/footer.module.sass b/website/src/styles/footer.module.sass
index 40d84e3ad..4c0492308 100644
--- a/website/src/styles/footer.module.sass
+++ b/website/src/styles/footer.module.sass
@@ -32,7 +32,7 @@
.copy
border-top: 1px dotted var(--color-subtle)
font-size: var(--font-size-xs)
- color: var(--color-subtle-dark)
+ color: var(--color-front-dark)
text-align: center
width: 100%
@@ -42,4 +42,4 @@
vertical-align: middle
&:hover
- color: var(--color-theme)
+ color: var(--color-theme-dark)
diff --git a/website/src/styles/infobox.module.sass b/website/src/styles/infobox.module.sass
index 8d6071f18..abbb24322 100644
--- a/website/src/styles/infobox.module.sass
+++ b/website/src/styles/infobox.module.sass
@@ -31,7 +31,7 @@
.title
font-weight: bold
- color: var(--color-theme)
+ color: var(--color-theme-dark)
display: block
margin-bottom: var(--spacing-xs)
font-size: var(--font-size-md)
@@ -41,7 +41,7 @@
color: inherit
.icon
- color: var(--color-theme)
+ color: var(--color-theme-dark)
vertical-align: baseline
position: relative
bottom: -2px
diff --git a/website/src/styles/landing.module.sass b/website/src/styles/landing.module.sass
index 9629004b4..2651424df 100644
--- a/website/src/styles/landing.module.sass
+++ b/website/src/styles/landing.module.sass
@@ -2,22 +2,25 @@
.header
background: var(--color-theme)
- padding-top: calc(var(--height-nav) * 1.5)
+ padding-top: var(--height-nav)
width: 100%
text-align: center
+ --header-top-margin: 27px
.header-wrapper
background: var(--color-theme)
- background-position: top center
+ background-position: center var(--header-top-margin)
background-repeat: repeat
width: 100%
+ background-size: 799px 643px
.header-content
- background: transparent
- background-position: center -138px
+ background-position: center calc(-138px + var(--header-top-margin))
background-repeat: no-repeat
width: 100%
- min-height: 573px
+ min-height: calc(573px + var(--header-top-margin))
+ background-size: 1444px 573px
+ padding-top: var(--header-top-margin)
.title
font: normal 600 7rem/#{1} var(--font-secondary)
@@ -38,7 +41,7 @@
border-radius: 1em
padding: 0 1rem 0.15rem
background: var(--color-back)
- color: var(--color-theme)
+ color: var(--color-theme-dark)
.subtitle
margin-top: 1rem
diff --git a/website/src/styles/layout.sass b/website/src/styles/layout.sass
index aae4185d7..9b44a7dfe 100644
--- a/website/src/styles/layout.sass
+++ b/website/src/styles/layout.sass
@@ -301,13 +301,13 @@ p
margin-bottom: 0
a:focus
- outline: 1px dotted var(--color-theme)
+ outline: 1px dotted var(--color-theme-dark)
body [id]:target
padding-top: calc(var(--height-nav) * 1.25) !important
::selection
- background: var(--color-theme)
+ background: var(--color-theme-dark)
color: var(--color-back)
text-shadow: none
@@ -524,7 +524,7 @@ body [id]:target
display: block
font: bold var(--font-size-lg)/var(--line-height-md) var(--font-secondary)
text-transform: uppercase
- color: var(--color-theme)
+ color: var(--color-theme-dark)
.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column
color: var(--color-dark)
diff --git a/website/src/styles/link.module.sass b/website/src/styles/link.module.sass
index 51b41e16a..cb7dc7910 100644
--- a/website/src/styles/link.module.sass
+++ b/website/src/styles/link.module.sass
@@ -1,11 +1,11 @@
.root
- color: var(--color-theme)
+ color: var(--color-theme-dark)
border-bottom: 1px solid
transition: color 0.2s ease
cursor: pointer
&:hover
- color: var(--color-theme-dark)
+ color: var(--color-front)
.no-link-layout
border: none
diff --git a/website/src/styles/main.module.sass b/website/src/styles/main.module.sass
index d36c04efb..880d37016 100644
--- a/website/src/styles/main.module.sass
+++ b/website/src/styles/main.module.sass
@@ -26,6 +26,7 @@
background-color: var(--color-theme)
background-repeat: repeat
background-position: center top
+ background-size: 799px 643px
z-index: -1
min-height: 100vh
diff --git a/website/src/styles/navigation.module.sass b/website/src/styles/navigation.module.sass
index 5ea87de85..da5c18b6f 100644
--- a/website/src/styles/navigation.module.sass
+++ b/website/src/styles/navigation.module.sass
@@ -16,12 +16,15 @@
z-index: 30
width: 100%
box-shadow: var(--box-shadow)
+ --docsearch-muted-color: var(--color-subtle-dark)
+ --docsearch-text-color: var(--docsearch-muted-color)
+ --docsearch-searchbox-background: var(--color-subtle-light)
.logo
min-width: 95px
width: 95px
height: 30px
- color: var(--color-theme) !important
+ color: var(--color-theme-dark) !important
vertical-align: middle
.title
@@ -42,7 +45,7 @@
font-family: var(--font-secondary)
font-size: 1.6rem
font-weight: bold
- color: var(--color-theme)
+ color: var(--color-theme-dark)
&:not(:first-child)
margin-left: 2em
@@ -77,11 +80,11 @@
min-width: 100px
.dropdown
- --dropdown-text-color: var(--color-theme)
+ --dropdown-text-color: var(--color-theme-dark)
font-family: var(--font-secondary)
font-size: 1.6rem
font-weight: bold
- color: var(--color-theme)
+ color: var(--color-theme-dark)
text-transform: uppercase
margin-right: 0.5rem
border: 2px solid var(--color-back)
diff --git a/website/src/styles/newsletter.module.sass b/website/src/styles/newsletter.module.sass
index 6dc4f22e6..42a93383b 100644
--- a/website/src/styles/newsletter.module.sass
+++ b/website/src/styles/newsletter.module.sass
@@ -18,5 +18,5 @@
.button
font: bold var(--font-size-lg)/var(--line-height-md) var(--font-secondary)
text-transform: uppercase
- color: var(--color-theme)
+ color: var(--color-theme-dark)
white-space: nowrap
diff --git a/website/src/styles/quickstart.module.sass b/website/src/styles/quickstart.module.sass
index fb9f0b17b..bb756d536 100644
--- a/website/src/styles/quickstart.module.sass
+++ b/website/src/styles/quickstart.module.sass
@@ -47,7 +47,7 @@
background: var(--color-subtle-light)
.input:focus
- border: 1px solid var(--color-theme)
+ border: 1px solid var(--color-theme-dark)
outline: none
.radio + &
@@ -70,8 +70,8 @@
.radio:checked + &
color: var(--color-back)
- border-color: var(--color-theme)
- background: var(--color-theme)
+ border-color: var(--color-theme-dark)
+ background: var(--color-theme-dark)
.checkbox + &:before
$size: 18px
@@ -90,9 +90,9 @@
.checkbox:checked + &:before
// Embed "check" icon here for simplicity
- background: var(--color-theme) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkgMTYuMTcybDEwLjU5NC0xMC41OTQgMS40MDYgMS40MDYtMTIgMTItNS41NzgtNS41NzggMS40MDYtMS40MDZ6Ii8+PC9zdmc+)
+ background: var(--color-theme-dark) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkgMTYuMTcybDEwLjU5NC0xMC41OTQgMS40MDYgMS40MDYtMTIgMTItNS41NzgtNS41NzggMS40MDYtMS40MDZ6Ii8+PC9zdmc+)
background-size: contain
- border-color: var(--color-theme)
+ border-color: var(--color-theme-dark)
.field-extra:not(:empty):not(:first-child)
margin-left: 1rem
@@ -167,7 +167,7 @@
content: initial !important
.prompt:before
- color: var(--color-theme)
+ color: var(--color-theme-dark)
margin-right: 1em
.bash:before
diff --git a/website/src/styles/readnext.module.sass b/website/src/styles/readnext.module.sass
index aef91c09e..076317e92 100644
--- a/website/src/styles/readnext.module.sass
+++ b/website/src/styles/readnext.module.sass
@@ -18,4 +18,4 @@
margin-left: 3rem
&:hover
- color: var(--color-theme)
+ color: var(--color-theme-dark)
diff --git a/website/src/styles/search.sass b/website/src/styles/search.sass
index 5e81bd963..e3261ea6f 100644
--- a/website/src/styles/search.sass
+++ b/website/src/styles/search.sass
@@ -1,7 +1,7 @@
@import base
.DocSearch-Modal
- --docsearch-primary-color: var(--color-theme)
+ --docsearch-primary-color: var(--color-theme-dark)
--docsearch-searchbox-background: var(--color-back)
--docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color)
--docsearch-highlight-color: var(--docsearch-primary-color)
diff --git a/website/src/styles/sidebar.module.sass b/website/src/styles/sidebar.module.sass
index 36809dfbe..48232445c 100644
--- a/website/src/styles/sidebar.module.sass
+++ b/website/src/styles/sidebar.module.sass
@@ -32,10 +32,10 @@ $crumb-bar: 2px
text-transform: uppercase
.item
- color: var(--color-theme)
+ color: var(--color-theme-dark)
&:hover
- color: var(--color-theme-dark)
+ color: var(--color-front)
.link
border: none
@@ -62,11 +62,11 @@ $crumb-bar: 2px
margin-bottom: math.div($crumb-bullet, 2)
position: relative
padding-left: 2rem
- color: var(--color-theme)
+ color: var(--color-theme-dark)
font-size: 1.2rem
&:hover
- color: var(--color-theme-dark)
+ color: var(--color-front)
&:after
width: $crumb-bullet
diff --git a/website/src/styles/table.module.sass b/website/src/styles/table.module.sass
index c0dd1a5dc..2bc7acf6e 100644
--- a/website/src/styles/table.module.sass
+++ b/website/src/styles/table.module.sass
@@ -22,11 +22,11 @@ figure > .root
.footer
--color-inline-code-bg: var(--color-theme-opaque)
background: var(--color-theme-light) !important
- border-top: 2px solid var(--color-theme)
+ border-top: 2px solid var(--color-theme-dark)
& > td:first-child
font-family: var(--font-secondary)
- color: var(--color-theme)
+ color: var(--color-theme-dark)
& > td:nth-child(2) a
border: 0
@@ -52,9 +52,9 @@ figure > .root
.th
font: bold var(--font-size-md)/var(--line-height-md) var(--font-secondary)
text-transform: uppercase
- color: var(--color-theme)
+ color: var(--color-theme-dark)
padding: 1rem 0.5rem
- border-bottom: 2px solid var(--color-theme)
+ border-bottom: 2px solid var(--color-theme-dark)
vertical-align: bottom
.th-rotated
@@ -90,7 +90,7 @@ figure > .root
top: -5px
left: 10px
display: inline-block
- background: var(--color-theme)
+ background: var(--color-theme-dark)
color: var(--color-back)
padding: 0 5px 1px
font-size: 0.85rem
diff --git a/website/src/styles/tag.module.sass b/website/src/styles/tag.module.sass
index fc6b426f4..c3c8ddfc2 100644
--- a/website/src/styles/tag.module.sass
+++ b/website/src/styles/tag.module.sass
@@ -1,7 +1,7 @@
.root
display: inline-block
font: bold var(--font-size-xs)/#{1} var(--font-secondary)
- background: var(--color-theme)
+ background: var(--color-theme-dark)
color: var(--color-back)
padding: 2px 6px 4px
border-radius: 1em
diff --git a/website/src/styles/typography.module.sass b/website/src/styles/typography.module.sass
index f5b32f695..f6131c84f 100644
--- a/website/src/styles/typography.module.sass
+++ b/website/src/styles/typography.module.sass
@@ -21,7 +21,7 @@
content: "\00b6"
font-size: 0.9em
font-weight: normal
- color: var(--color-subtle)
+ color: var(--color-subtle-dark)
position: absolute
top: 0.15em
left: -2.85rem
@@ -32,7 +32,7 @@
opacity: 1
&:active:before
- color: var(--color-theme)
+ color: var(--color-theme-dark)
&:target
display: inline-block
diff --git a/website/src/templates/universe.js b/website/src/templates/universe.js
index 4d65ba569..e72356924 100644
--- a/website/src/templates/universe.js
+++ b/website/src/templates/universe.js
@@ -81,10 +81,11 @@ const UniverseContent = ({ content = [], categories, theme, pageContext, mdxComp
}
const url = `/universe/project/${id}`
const header = youtube && (
- // eslint-disable-next-line @next/next/no-img-element
- {
))
}
+const ImageGitHub = ({ url, isRounded, title }) => (
+ // eslint-disable-next-line @next/next/no-img-element
+
+)
+
const Project = ({ data, components }) => (
<>
@@ -203,23 +217,20 @@ const Project = ({ data, components }) => (
{data.spacy_version && }
{data.github && (
- {[
- `release/${data.github}/all.svg?style=flat-square`,
- `license/${data.github}.svg?style=flat-square`,
- `stars/${data.github}.svg?style=social&label=Stars`,
- ].map((url, i) => (
- // eslint-disable-next-line @next/next/no-img-element
-
- ))}
+
+
+
)}
diff --git a/website/src/widgets/project.js b/website/src/widgets/project.js
index 9e23d60ea..5841e93e8 100644
--- a/website/src/widgets/project.js
+++ b/website/src/widgets/project.js
@@ -29,7 +29,11 @@ export default function Project({
return (
{children}
-
+
)
}
diff --git a/website/src/widgets/styleguide.js b/website/src/widgets/styleguide.js
index b171eb20f..82edf7d61 100644
--- a/website/src/widgets/styleguide.js
+++ b/website/src/widgets/styleguide.js
@@ -6,9 +6,9 @@ import Link from '../components/link'
import SVG from 'react-inlinesvg'
import logoSpacy from '../images/logo.svg'
-import patternBlue from '../images/pattern_blue.jpg'
-import patternGreen from '../images/pattern_green.jpg'
-import patternPurple from '../images/pattern_purple.jpg'
+import patternBlue from '../images/pattern_blue.png'
+import patternGreen from '../images/pattern_green.png'
+import patternPurple from '../images/pattern_purple.png'
const colors = {
dark: 'var(--color-front)',