Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
@theme-ui/preset-deep
Advanced tools
Theme UI includes `@theme-ui/preset-deep` which can be used as an example or starting point for extending your own themes.
Theme UI includes @theme-ui/preset-deep
which can be used as an example or
starting point for extending your own themes.
npm i @theme-ui/preset-deep
// example theme
import theme from '@theme-ui/preset-deep'
export default {
...theme,
styles: {
...theme,
},
}
We'd love to have more presets added to the Theme UI project. If you'd like to add a new preset or improve upon the existing ones, please open an issue or pull request.
v0.6.0
changes relative to 0.3, not the latest 0.6 prerelease
Styled
components dict was renamed to Themed
to avoid
confusion with styled
components constructors from @emotion/styled
and
similar libraries.
theme.useRootStyles
configuration option (false by default). Set it to
true
to add styles.root
to html
instead of body
.
theme.useBodyStyles
configuration option still defaults to true
, but
it's going in to be deprecated in favor of theme.useRootStyles
in the
future.New scale: transitions
supporting transition
CSS property. Issue
#1079, PR
#1272
Objects in nested scales can now have a __default
key. PR
#951
Given the theme
const theme = {
colors: {
primary: {
__default: '#00f',
light: '#33f',
}
}
}
color: 'primary'
resolves to color: '#00f'
.
Configuration option for printing color mode. PR #1267, issue #1144. No more wasted ink.
{
initialColorModeName: "dark",
printColorModeName: "light"
}
A new component, Paragraph was added in PR #1298
Theme UI 0.6 depends on Emotion 11, and isn't compatible with Emotion 10 anymore.
Refer to Emotion 11 release notes for more information.
Color mode flash on first render is gone, but to achieve this we had to bring
back theme.rawColors
.
theme.colors
when reading
theme from useThemeUI
or inside sx
..colors
object contains Custom CSS Properties now..rawColors
.Default color mode name is no longer "default"
— it's now undefined
, what
represents the lack of color mode set by user or detected from preferences.
useColorSchemeMediaQuery
defaults to true
. Issue
#624, PR
#1373
How to migrate? Add useColorSchemeMediaQuery: false
to your theme if you
don't have this property.
Read more in the docs.
We no longer export internal React context named as Context
😅 It wasn't and
it's still not public API, but if you used it and you really need it, you
can grab it as __ThemeUIContext
. (But please don't do this. Use
ThemeProvider
from @theme-ui/core for local theme overrides instead.)
Styled
will be removed in v0.7. Use Themed
instead.useBodyStyles
will be removed in v0.7. Use useRootStyles
instead.FAQs
Theme UI includes `@theme-ui/preset-deep` which can be used as an example or starting point for extending your own themes.
The npm package @theme-ui/preset-deep receives a total of 1,378 weekly downloads. As such, @theme-ui/preset-deep popularity was classified as popular.
We found that @theme-ui/preset-deep demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.