From 2286a465e7d37148b5666031d26d946ef1237eb0 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sun, 4 Aug 2024 17:32:17 -0400 Subject: [PATCH 01/40] wip: Replace SCSS vars with CSS vars --- sass/_mixins.scss | 6 +-- sass/_vars.scss | 48 ++++++++++++++---------- sass/components/_asset-card.scss | 8 ++-- sass/components/_button-square.scss | 2 +- sass/components/_button.scss | 8 ++-- sass/components/_card.scss | 10 ++--- sass/components/_docs-footer.scss | 4 +- sass/components/_example.scss | 2 +- sass/components/_image_compare.scss | 12 +++--- sass/components/_layout.scss | 4 +- sass/components/_link-card.scss | 8 ++-- sass/components/_main-menu-backdrop.scss | 2 +- sass/components/_main-menu.scss | 8 ++-- sass/components/_menu-switch.scss | 4 +- sass/components/_on-this-page.scss | 2 +- sass/components/_sponsors.scss | 2 +- sass/components/_syntax-theme.scss | 2 +- sass/components/_tree-menu.scss | 14 +++---- sass/elements/_details.scss | 6 +-- sass/elements/_html.scss | 4 +- sass/elements/_table.scss | 8 ++-- sass/pages/_assets.scss | 10 ++--- sass/pages/_content.scss | 12 +++--- sass/pages/_donate.scss | 4 +- sass/pages/_migration_guide.scss | 2 +- sass/pages/_news.scss | 8 ++-- 26 files changed, 104 insertions(+), 96 deletions(-) diff --git a/sass/_mixins.scss b/sass/_mixins.scss index c236eef35c..4f60e2960c 100644 --- a/sass/_mixins.scss +++ b/sass/_mixins.scss @@ -3,11 +3,11 @@ overflow: hidden; border-radius: $border-radius; border: 2px solid #383838; - background-color: $syntax-theme-background; + background-color: var(--syntax-theme-background); text-decoration: none; &:hover { - background-color: $card-hover-background; + background-color: var(--card-hover-background); border: 2px solid #6b6b6b; } } @@ -55,7 +55,7 @@ @mixin scrollbar-v { $track-width: 4px; - $thumb-color: rgba($color-white, 0.2); + $thumb-color: rgba(var(--color-white), 0.2); scrollbar-width: thin; scrollbar-color: $thumb-color transparent; diff --git a/sass/_vars.scss b/sass/_vars.scss index 5768a4ce95..3859afa0dc 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -17,26 +17,6 @@ $bp-tablet-landscape-up: "(min-width: #{$bp-tablet-landscape})"; $bp-tablet-landscape-down: "(max-width: #{$bp-desktop - 1})"; $bp-desktop-up: "(min-width: #{$bp-desktop})"; -// Colors -$color-black: #000; -$color-white: #ececec; -$color-grey-800: #232326; -$color-grey-900: #1e1e22; -$color-pink: #9f517a; -$color-gold: #d2be4a; - -$headerbar-color: #1e1e22; -$hover-color: #ececec; -$hover-shadow-color: #d6d6d6; -$link-color: #7c90ff; -$link-hover-shadow-color: #6c82ff; -$default-color: #ececec; -$subtitle-color: #999; -$syntax-theme-background: #2b2c2f; -$syntax-theme-background-hover: #414247; -$default-image-background-color: #1b1b1b; -$card-hover-background: #2f3033; - // Animation $duration-fast: 100ms; $duration: 250ms; @@ -65,6 +45,34 @@ $border-radius: 10px; @media #{$bp-desktop-up} { --header-height: 72px; } + + // todo -- swapped these for testing. change light to dark and vice versa when done + @media (prefers-color-scheme: light) { + --color-black: #000; + --color-white: #ececec; + --color-grey-800: #232326; + --color-grey-900: #1e1e22; + --color-pink: #9f517a; + --color-gold: #d2be4a; + + --headerbar-color: #1e1e22; + --hover-color: #ececec; + --hover-shadow-color: #d6d6d6; + --link-color: #7c90ff; + --link-hover-shadow-color: #6c82ff; + --default-color: #ececec; + --subtitle-color: #999; + --syntax-theme-background: #2b2c2f; + --syntax-theme-background-hover: #414247; + --default-image-background-color: #1b1b1b; + --card-hover-background: #2f3033; + } + @media (prefers-color-scheme: dark) { + --default-color: #f0f; + --subtitle-color: #777; + } + + } // Accessibility diff --git a/sass/components/_asset-card.scss b/sass/components/_asset-card.scss index d63ecbcd2b..479c13a979 100644 --- a/sass/components/_asset-card.scss +++ b/sass/components/_asset-card.scss @@ -9,7 +9,7 @@ $asset-card-padding: 0.4rem; "banner" "desc" "tags"; - color: $color-white; + color: var(--color-white); &__banner { grid-area: banner; @@ -19,8 +19,8 @@ $asset-card-padding: 0.4rem; align-self: start; background: linear-gradient(0deg, - $card-hover-background 0%, - $default-image-background-color 100%); + var(--card-hover-background) 0%, + var(--default-image-background-color) 100%); img { width: 100%; @@ -28,7 +28,7 @@ $asset-card-padding: 0.4rem; display: block; object-fit: contain; - background-color: $default-image-background-color; + background-color: var(--default-image-background-color); } } diff --git a/sass/components/_button-square.scss b/sass/components/_button-square.scss index 292e0c8f1d..a9918541c8 100644 --- a/sass/components/_button-square.scss +++ b/sass/components/_button-square.scss @@ -14,7 +14,7 @@ right: $padding; bottom: $padding; left: $padding; - background-color: rgba($color-white, 0.05); + background-color: rgba(var(--color-white), 0.05); border-radius: $border-radius; } } diff --git a/sass/components/_button.scss b/sass/components/_button.scss index 9a5546b6ce..a612384a5d 100644 --- a/sass/components/_button.scss +++ b/sass/components/_button.scss @@ -22,7 +22,7 @@ &, &:hover, &:visited { - color: $color-white; + color: var(--color-white); text-decoration: none; } @@ -35,11 +35,11 @@ } &--pink { - background-color: $color-pink; - border-color: lighten($color-pink, 13%); + background-color: var(--color-pink); + border-color: lighten(var(--color-pink), 13%); &:hover { - background-color: darken($color-pink, 3%); + background-color: darken(var(--color-pink), 3%); } } } diff --git a/sass/components/_card.scss b/sass/components/_card.scss index cb53ab42a6..271c9765fb 100644 --- a/sass/components/_card.scss +++ b/sass/components/_card.scss @@ -26,7 +26,7 @@ } .card-sponsor-icon { - fill: $color-pink; + fill: var(--color-pink); } .card-image { @@ -34,7 +34,7 @@ overflow: hidden; object-fit: cover; display: flex; - background-color: $default-image-background-color; + background-color: var(--default-image-background-color); border-top-left-radius: $border-radius; border-bottom-left-radius: $border-radius; align-content: center; @@ -74,7 +74,7 @@ font-weight: 200; font-size: 1.4rem; font-style: italic; - color: $subtitle-color; + color: var(--subtitle-color); text-decoration: none; } @@ -83,7 +83,7 @@ position: relative; font-weight: 300; font-size: 1.3rem; - color: $default-color; + color: var(--default-color); text-decoration: none; margin-top: 0.4rem; overflow: hidden; @@ -95,7 +95,7 @@ display: block; font-weight: 500; font-size: 2.0rem; - color: $default-color; + color: var(--default-color); font-style: normal; text-decoration: none; } diff --git a/sass/components/_docs-footer.scss b/sass/components/_docs-footer.scss index 9ce5d7d434..49d5b41ffa 100644 --- a/sass/components/_docs-footer.scss +++ b/sass/components/_docs-footer.scss @@ -36,8 +36,8 @@ } &:hover { - background-color: rgba($color-white, 0.01); - color: $color-white; + background-color: rgba(var(--color-white), 0.01); + color: var(--color-white); .docs-footer__dir { color: #999; diff --git a/sass/components/_example.scss b/sass/components/_example.scss index 5f31eb3bd8..c635f219a9 100644 --- a/sass/components/_example.scss +++ b/sass/components/_example.scss @@ -35,7 +35,7 @@ } &:hover { - color: $color-white; + color: var(--color-white); } } diff --git a/sass/components/_image_compare.scss b/sass/components/_image_compare.scss index dcdd719b19..437a0a0431 100644 --- a/sass/components/_image_compare.scss +++ b/sass/components/_image_compare.scss @@ -15,12 +15,12 @@ div.image-compare { --text-padding: 10px; --gap: 3px; --range-thumb-diametre: 16px; - background-color: $color-white; // gap color; + background-color: var(--color-white); // gap color; position: relative; border-radius: 10px; width: 100%; - outline: solid 1px $color-grey-900; // fixes border leaking background color + outline: solid 1px var(--color-grey-900); // fixes border leaking background color outline-offset: -1px; // calculated @@ -32,7 +32,7 @@ div.image-compare { font-weight: bolder; font-size: 1.8rem; width: calc(100% - var(--text-padding)); - text-shadow: 0 0 2px $color-black; + text-shadow: 0 0 2px var(--color-black); } &::before { @@ -90,13 +90,13 @@ div.image-compare { width: var(--range-thumb-diametre); height: var(--range-thumb-diametre); border-radius: 50%; - outline: solid 3px $color-white; + outline: solid 3px var(--color-white); outline-offset: -2.9px; - background-color: darken($color-white, 40%); + background-color: darken(var(--color-white), 40%); &:hover, &:active { - background-color: darken($color-white, 20%); + background-color: darken(var(--color-white), 20%); } } diff --git a/sass/components/_layout.scss b/sass/components/_layout.scss index dd9d6b1164..f6312d1487 100644 --- a/sass/components/_layout.scss +++ b/sass/components/_layout.scss @@ -8,7 +8,7 @@ top: 0px; width: 100%; height: var(--header-height); - background-color: $color-grey-900; + background-color: var(--color-grey-900); border-bottom: 2px solid #2c2c2d; z-index: $z-layout-header; } @@ -18,7 +18,7 @@ padding-top: var(--header-height); padding-bottom: 64px; flex-grow: 1; - background-color: $color-grey-800; + background-color: var(--color-grey-800); } } diff --git a/sass/components/_link-card.scss b/sass/components/_link-card.scss index fc915c1451..00ecf2a84a 100644 --- a/sass/components/_link-card.scss +++ b/sass/components/_link-card.scss @@ -16,7 +16,7 @@ &__img-wrapper { @include flex-center; - background-color: $default-image-background-color; + background-color: var(--default-image-background-color); padding: 1rem; @media #{$bp-phone-landscape-up} { @@ -56,7 +56,7 @@ line-height: 1.1; font-size: 2.0rem; font-weight: 500; - color: $default-color; + color: var(--default-color); font-style: normal; margin-bottom: 4px; } @@ -65,14 +65,14 @@ font-size: 1.4rem; font-weight: 200; font-style: italic; - color: $subtitle-color; + color: var(--subtitle-color); } &__description { margin: 0.4rem 0 0; font-size: 1.3rem; font-weight: 300; - color: $default-color; + color: var(--default-color); text-decoration: none; &--ellipsis { diff --git a/sass/components/_main-menu-backdrop.scss b/sass/components/_main-menu-backdrop.scss index 3d836acb19..72f2d83b5d 100644 --- a/sass/components/_main-menu-backdrop.scss +++ b/sass/components/_main-menu-backdrop.scss @@ -6,7 +6,7 @@ width: 100%; height: 100%; z-index: $z-main-menu-backdrop; - background-color: rgba($color-black, 0.2); + background-color: rgba(var(--color-black), 0.2); cursor: pointer; opacity: 0.0; transition: opacity $duration * 2; diff --git a/sass/components/_main-menu.scss b/sass/components/_main-menu.scss index 69c4a5a3e0..ea14b41eeb 100644 --- a/sass/components/_main-menu.scss +++ b/sass/components/_main-menu.scss @@ -23,7 +23,7 @@ &, &:visited, &:active { - color: $color-white; + color: var(--color-white); } &:hover { @@ -67,7 +67,7 @@ width: $mobile-menu-width; bottom: -$bottom-buffer; padding-bottom: $bottom-buffer; - background-color: $color-grey-900; + background-color: var(--color-grey-900); z-index: $z-main-menu; transform: translateX(0); opacity: 0.0; @@ -88,7 +88,7 @@ justify-content: space-between; padding-left: $padding; height: var(--header-height); - background-color: $color-grey-800; + background-color: var(--color-grey-800); border-bottom: 2px solid #313131; a { @@ -135,7 +135,7 @@ } &__link:hover { - background-color: rgba($color-white, 0.05); + background-color: rgba(var(--color-white), 0.05); border-radius: $border-radius; } } diff --git a/sass/components/_menu-switch.scss b/sass/components/_menu-switch.scss index f6d50b4dc6..e4967e52af 100644 --- a/sass/components/_menu-switch.scss +++ b/sass/components/_menu-switch.scss @@ -10,7 +10,7 @@ $menu-switch-padding: 4px; grid-template-columns: 1fr 1fr; gap: $padding; border-radius: $height; - background-color: rgba($color-white, 0.05); + background-color: rgba(var(--color-white), 0.05); padding: $padding; height: $height; cursor: pointer; @@ -24,7 +24,7 @@ $menu-switch-padding: 4px; height: $pill-height; width: calc(50% - #{$padding * 2}); border-radius: $pill-height; - background-color: $color-grey-900; + background-color: var(--color-grey-900); z-index: 0; transition: transform $duration; } diff --git a/sass/components/_on-this-page.scss b/sass/components/_on-this-page.scss index df166da62b..e97e4faf78 100644 --- a/sass/components/_on-this-page.scss +++ b/sass/components/_on-this-page.scss @@ -34,7 +34,7 @@ } &[data-active=true] { - color: $color-white; + color: var(--color-white); } } diff --git a/sass/components/_sponsors.scss b/sass/components/_sponsors.scss index 2885b61097..a47377468c 100644 --- a/sass/components/_sponsors.scss +++ b/sass/components/_sponsors.scss @@ -41,7 +41,7 @@ &__link { display: block; margin: 0 15px 15px; - color: $link-color; + color: var(--link-color); font-size: 1.5rem; } diff --git a/sass/components/_syntax-theme.scss b/sass/components/_syntax-theme.scss index c3a64250c7..eff52e9900 100644 --- a/sass/components/_syntax-theme.scss +++ b/sass/components/_syntax-theme.scss @@ -1,6 +1,6 @@ .z-code { color: #c0c5ce; - background-color: $syntax-theme-background; + background-color: var(--syntax-theme-background); } div.incorrect { diff --git a/sass/components/_tree-menu.scss b/sass/components/_tree-menu.scss index d65333bf87..291c2d54d4 100644 --- a/sass/components/_tree-menu.scss +++ b/sass/components/_tree-menu.scss @@ -1,5 +1,5 @@ .tree-menu { - $hover-color: rgba($color-white, 0.1); + var(--hover-color): rgba(var(--color-white), 0.1); $item-height: 32px; $border-radius: 4px; $h-padding: 12px; @@ -31,7 +31,7 @@ &:hover { opacity: 1.0; - background-color: $hover-color; + background-color: var(--hover-color); } &--with-chevron { @@ -53,7 +53,7 @@ text-wrap: balance; &, &:focus, &:active, &:hover, &:link, &:visited { - color: $color-white; + color: var(--color-white); } } @@ -66,7 +66,7 @@ user-select: none; &:hover { - background-color: $hover-color; + background-color: var(--hover-color); } } @@ -78,11 +78,11 @@ &__item--active { // Target just the first label, ignore subsection labels > .tree-menu__label { - background-color: $hover-color; + background-color: var(--hover-color); opacity: 1.0; .tree-menu__link { - color: $color-white; + color: var(--color-white); } } } @@ -101,6 +101,6 @@ &__toc { grid-row: 2; grid-column: 1 / span 2; - background-color: rgba($color-black, 0.25); + background-color: rgba(var(--color-black), 0.25); } } diff --git a/sass/elements/_details.scss b/sass/elements/_details.scss index fde1f58320..bfc5e06ffa 100644 --- a/sass/elements/_details.scss +++ b/sass/elements/_details.scss @@ -1,11 +1,11 @@ details { $h-padding: 10px; - $border: 2px solid $subtitle-color; + $border: 2px solid var(--subtitle-color); // border: $border; border-radius: $border-radius; padding: 0 $h-padding; margin-block: 1em; - background-color: rgba($color-white, 0.1); + background-color: rgba(var(--color-white), 0.1); overflow: hidden; // prevent clobbering corner radii & h1, & h2, & h3, & h4, & h5, & h6 { @@ -18,7 +18,7 @@ details { padding-block: calc($h-padding/2); &:hover { - text-shadow: 0 0 0.9px $default-color, 0 0 0.9px $default-color; + text-shadow: 0 0 0.9px var(--default-color), 0 0 0.9px var(--default-color); } } diff --git a/sass/elements/_html.scss b/sass/elements/_html.scss index 9695f20e24..d237a0ee43 100644 --- a/sass/elements/_html.scss +++ b/sass/elements/_html.scss @@ -1,9 +1,9 @@ html { - color: $default-color; + color: var(--default-color); color-scheme: dark; font-family: var(--font-family-sans); font-size: calc-rem($size-body-mobile); - background-color: $color-grey-900; + background-color: var(--color-grey-900); scroll-padding-top: var(--scroll-padding-top); * { diff --git a/sass/elements/_table.scss b/sass/elements/_table.scss index 28d5d176d2..618b0528c9 100644 --- a/sass/elements/_table.scss +++ b/sass/elements/_table.scss @@ -1,20 +1,20 @@ table { border-spacing: 0; - border: 2px solid $subtitle-color; + border: 2px solid var(--subtitle-color); border-radius: $border-radius; } thead { - background-color: $color-grey-900; + background-color: var(--color-grey-900); } tr td { padding: 0.5rem; - border-top: 2px solid $subtitle-color; + border-top: 2px solid var(--subtitle-color); } tr td:not(:first-child) { - border-left: 2px solid $subtitle-color; + border-left: 2px solid var(--subtitle-color); } table tr:first-child { diff --git a/sass/pages/_assets.scss b/sass/pages/_assets.scss index f41f4ce20b..475073a665 100644 --- a/sass/pages/_assets.scss +++ b/sass/pages/_assets.scss @@ -39,12 +39,12 @@ .asset-version-select { border-radius: $border-radius; border: 2px solid #383838; - background-color: $syntax-theme-background; + background-color: var(--syntax-theme-background); font-size: 1.0rem; padding: .4rem; &:hover { - background-color: $card-hover-background; + background-color: var(--card-hover-background); border: 2px solid #6b6b6b; } @@ -70,12 +70,12 @@ .asset-version-select { border-radius: $border-radius; border: 2px solid #383838; - background-color: $syntax-theme-background; + background-color: var(--syntax-theme-background); font-size: 1.0rem; padding: .4rem; &:hover { - background-color: $card-hover-background; + background-color: var(--card-hover-background); border: 2px solid #6b6b6b; } } @@ -99,7 +99,7 @@ text-align: center; justify-content: center; align-items: center; - color: $default-color; + color: var(--default-color); height: 48px; &__img_wrapper { diff --git a/sass/pages/_content.scss b/sass/pages/_content.scss index d49b8044be..abc5bfaabc 100644 --- a/sass/pages/_content.scss +++ b/sass/pages/_content.scss @@ -60,7 +60,7 @@ $content-font-size: 1.22rem; font-variant-ligatures: none; font-size: 1.05rem; color: #c8c8c8; - background-color: $syntax-theme-background; + background-color: var(--syntax-theme-background); border-radius: $border-radius; padding-bottom: 3px; padding-top: 3px; @@ -72,7 +72,7 @@ $content-font-size: 1.22rem; blockquote { font-size: 1.1rem; color: #b1b1b1; - background-color: $syntax-theme-background; + background-color: var(--syntax-theme-background); border-radius: $border-radius; padding: 8px; margin: 0px; @@ -90,20 +90,20 @@ $content-font-size: 1.22rem; a:hover code { - background-color: $syntax-theme-background-hover; + background-color: var(--syntax-theme-background)-hover; } a.button { - color: $color-white; + color: var(--color-white); } a { text-decoration: none; - color: $link-color; + color: var(--link-color); } a:hover { - text-shadow: 0 0 0.9px $link-hover-shadow-color, 0 0 0.9px $link-hover-shadow-color; + text-shadow: 0 0 0.9px var(--link-hover-shadow-color), 0 0 0.9px var(--link-hover-shadow-color); } pre code { diff --git a/sass/pages/_donate.scss b/sass/pages/_donate.scss index fd795607f6..414a726657 100644 --- a/sass/pages/_donate.scss +++ b/sass/pages/_donate.scss @@ -31,7 +31,7 @@ div.donate-sponsor { a:visited { text-decoration: none; - color: $link-color; + color: var(--link-color); } } @@ -77,7 +77,7 @@ div.donate-sponsor { margin-bottom: 1rem; line-height: 40px; border-bottom-width: 4px; - border-bottom-color: $color-white; + border-bottom-color: var(--color-white); border-bottom-style: solid; } diff --git a/sass/pages/_migration_guide.scss b/sass/pages/_migration_guide.scss index c09820943f..f0becb97f3 100644 --- a/sass/pages/_migration_guide.scss +++ b/sass/pages/_migration_guide.scss @@ -3,7 +3,7 @@ margin-top: 2rem; padding-top: 2rem; margin-bottom: 0.1rem; - border-top: solid darken($color-white, 60%) 1px; + border-top: solid darken(var(--color-white), 60%) 1px; } p, diff --git a/sass/pages/_news.scss b/sass/pages/_news.scss index 9b01a7bc63..cabb2ecf0e 100644 --- a/sass/pages/_news.scss +++ b/sass/pages/_news.scss @@ -10,7 +10,7 @@ font-size: 1.22rem; font-weight: 200; font-style: italic; - color: $subtitle-color; + color: var(--subtitle-color); } .news-content { @@ -37,13 +37,13 @@ .news-social-link { font-size: 1.1rem; - color: $default-color; + color: var(--default-color); } .release-feature-authors { margin-top: -0.5rem !important; font-style: italic; - color: $subtitle-color; + color: var(--subtitle-color); } .release-feature-meta { @@ -54,7 +54,7 @@ } .news-image-subtitle { - color: $subtitle-color; + color: var(--subtitle-color); font-style: italic; font-size: 1.0rem; margin-top: -0.3rem; From 834b936fbcf3aa938d74ddcf3d875d9936d827d3 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sun, 4 Aug 2024 18:02:39 -0400 Subject: [PATCH 02/40] wip: Convert existing theme to css var where applicable --- sass/_vars.scss | 8 ++++++++ sass/components/_button.scss | 11 +++++------ sass/components/_docs-footer.scss | 21 +++++++++++++++------ sass/components/_image_compare.scss | 4 ++-- sass/components/_main-menu.scss | 6 ++---- sass/components/_on-this-page.scss | 12 +++++++++--- sass/components/_tree-menu.scss | 3 ++- sass/pages/_migration_guide.scss | 2 +- 8 files changed, 44 insertions(+), 23 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index 3859afa0dc..6318fe4342 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -49,10 +49,18 @@ $border-radius: 10px; // todo -- swapped these for testing. change light to dark and vice versa when done @media (prefers-color-scheme: light) { --color-black: #000; + --color-blue: #4a6e91; + --color-blue-lighter: #537ca3; + --color-baby-blue: #b1d9ff; --color-white: #ececec; + --color-white-darker-60: #5e5e5e; + --color-white-darker-40: #8d8d8d; + --color-white-darker-20: #bcbcbc; --color-grey-800: #232326; --color-grey-900: #1e1e22; --color-pink: #9f517a; + --color-pink-lighter: #b35b89; + --color-pink-barely-lighter: #a3537d; --color-gold: #d2be4a; --headerbar-color: #1e1e22; diff --git a/sass/components/_button.scss b/sass/components/_button.scss index a612384a5d..0c05d56825 100644 --- a/sass/components/_button.scss +++ b/sass/components/_button.scss @@ -1,10 +1,9 @@ .button { - $color-blue: #4a6e91; display: inline-flex; align-items: center; - background-color: $color-blue; - border: 3px solid lighten($color-blue, 13%); + background-color: var(--color-blue); + border: 3px solid var(--color-blue-lighter); padding: 6px 8px; border-radius: $border-radius; font-size: 1.2rem; @@ -12,7 +11,7 @@ transition: transform $duration-fast; &:hover { - background-color: darken($color-blue, 3%); + background-color: var(--color-blue-lighter); } &:active { @@ -36,10 +35,10 @@ &--pink { background-color: var(--color-pink); - border-color: lighten(var(--color-pink), 13%); + border-color: var(--color-pink-lighter); &:hover { - background-color: darken(var(--color-pink), 3%); + background-color: var(--color-pink-barely-lighter); } } } diff --git a/sass/components/_docs-footer.scss b/sass/components/_docs-footer.scss index 49d5b41ffa..825708945d 100644 --- a/sass/components/_docs-footer.scss +++ b/sass/components/_docs-footer.scss @@ -1,10 +1,19 @@ .docs-footer { - $border-color: #2f3033; - $secondary-text-color: #8c8c8c; --docs-footer-gap: 12px; margin: 32px 0; + @media (prefers-color-scheme: dark) { + --border-color: #2f3033; + --secondary-text-color: #8c8c8c; + --tertiary-text-color: #9e9e9e; + } + @media (prefers-color-scheme: light) { + --border-color: #2f3033 + --secondary-text-color: #8c8c8c; + --tertiary-text-color: #9e9e9e; + } + @media #{$bp-tablet-portrait-up} { --docs-footer-gap: 20px; } @@ -27,7 +36,7 @@ &__link { display: flex; - border: 2px solid $border-color; + border: 2px solid var(--border-color); border-radius: 8px; padding: 16px 8px; @@ -85,7 +94,7 @@ } &__edit-wrapper { - border-top: 2px solid $border-color; + border-top: 2px solid var(--border-color); text-align: center; padding-top: var(--docs-footer-gap); } @@ -97,11 +106,11 @@ font-size: 0.9rem; @include override-anchor { - color: $secondary-text-color; + color: var(--secondary-text-color); } &:hover { - color: lighten($secondary-text-color, 20%); + color: var(--tertiary-text-color), } .icon { diff --git a/sass/components/_image_compare.scss b/sass/components/_image_compare.scss index 437a0a0431..61c70a509e 100644 --- a/sass/components/_image_compare.scss +++ b/sass/components/_image_compare.scss @@ -92,11 +92,11 @@ div.image-compare { border-radius: 50%; outline: solid 3px var(--color-white); outline-offset: -2.9px; - background-color: darken(var(--color-white), 40%); + background-color: var(--color-white-darker-40); &:hover, &:active { - background-color: darken(var(--color-white), 20%); + background-color: var(--color-white-darker-20); } } diff --git a/sass/components/_main-menu.scss b/sass/components/_main-menu.scss index ea14b41eeb..4499806a12 100644 --- a/sass/components/_main-menu.scss +++ b/sass/components/_main-menu.scss @@ -12,8 +12,6 @@ &__link { @include flex-center; - $color-blue: #b1d9ff; - position: relative; height: var(--header-height); font-size: 1.3rem; @@ -27,7 +25,7 @@ } &:hover { - color: $color-blue; + color: var(--color-baby-blue); } &--active { @@ -35,7 +33,7 @@ &, &:visited, &:active { - color: $color-blue; + color: var(--color-baby-blue); } } diff --git a/sass/components/_on-this-page.scss b/sass/components/_on-this-page.scss index e97e4faf78..84da114d01 100644 --- a/sass/components/_on-this-page.scss +++ b/sass/components/_on-this-page.scss @@ -16,11 +16,17 @@ } a { - $color: #868686; + @media (prefers-color-scheme: dark) { + --color: #868686; + --lighter-color: #979797; + } + @media (prefers-color-scheme: light) { + --lighter-color: #979797; + } display: block; text-wrap: balance; padding-block: 4px; - color: $color; + color: var(--color); text-decoration: none; word-break: break-word; @@ -30,7 +36,7 @@ } &:hover { - color: lighten($color, 20); + color: var(--lighter-color); } &[data-active=true] { diff --git a/sass/components/_tree-menu.scss b/sass/components/_tree-menu.scss index 291c2d54d4..b678214f19 100644 --- a/sass/components/_tree-menu.scss +++ b/sass/components/_tree-menu.scss @@ -1,5 +1,6 @@ .tree-menu { - var(--hover-color): rgba(var(--color-white), 0.1); + // todo + $hover-color: rgba(#ffffff, 0.1); $item-height: 32px; $border-radius: 4px; $h-padding: 12px; diff --git a/sass/pages/_migration_guide.scss b/sass/pages/_migration_guide.scss index f0becb97f3..ae46a54444 100644 --- a/sass/pages/_migration_guide.scss +++ b/sass/pages/_migration_guide.scss @@ -3,7 +3,7 @@ margin-top: 2rem; padding-top: 2rem; margin-bottom: 0.1rem; - border-top: solid darken(var(--color-white), 60%) 1px; + border-top: solid var(--color-white-darker-60) 1px; } p, From a376768f2f73f6dcba3b7a2ffc1bde70adcf0db1 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sun, 4 Aug 2024 18:35:02 -0400 Subject: [PATCH 03/40] wip: First draft light theme --- sass/_vars.scss | 113 +++++++++++++++++++++-------- sass/components/_callout.scss | 18 ++--- sass/components/_docs-footer.scss | 6 +- sass/components/_on-this-page.scss | 3 +- sass/components/_tree-menu.scss | 8 +- sass/pages/_content.scss | 4 +- sass/pages/_donate.scss | 2 +- 7 files changed, 107 insertions(+), 47 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index 6318fe4342..8b76e4856e 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -47,37 +47,90 @@ $border-radius: 10px; } // todo -- swapped these for testing. change light to dark and vice versa when done - @media (prefers-color-scheme: light) { - --color-black: #000; - --color-blue: #4a6e91; - --color-blue-lighter: #537ca3; - --color-baby-blue: #b1d9ff; - --color-white: #ececec; - --color-white-darker-60: #5e5e5e; - --color-white-darker-40: #8d8d8d; - --color-white-darker-20: #bcbcbc; - --color-grey-800: #232326; - --color-grey-900: #1e1e22; - --color-pink: #9f517a; - --color-pink-lighter: #b35b89; - --color-pink-barely-lighter: #a3537d; - --color-gold: #d2be4a; - - --headerbar-color: #1e1e22; - --hover-color: #ececec; - --hover-shadow-color: #d6d6d6; - --link-color: #7c90ff; - --link-hover-shadow-color: #6c82ff; - --default-color: #ececec; - --subtitle-color: #999; - --syntax-theme-background: #2b2c2f; - --syntax-theme-background-hover: #414247; - --default-image-background-color: #1b1b1b; - --card-hover-background: #2f3033; - } @media (prefers-color-scheme: dark) { - --default-color: #f0f; - --subtitle-color: #777; + --color-black: #000; + --color-blue: #4a6e91; + --color-blue-lighter: #537ca3; + --color-baby-blue: #b1d9ff; + --color-white: #ececec; + --color-white-darker-60: #5e5e5e; + --color-white-darker-40: #8d8d8d; + --color-white-darker-20: #bcbcbc; + --color-grey-800: #232326; + --color-grey-900: #1e1e22; + --color-pink: #9f517a; + --color-pink-lighter: #b35b89; + --color-pink-barely-lighter: #a3537d; + --color-gold: #d2be4a; + --headerbar-color: #1e1e22; + --hover-color: #ececec; + --hover-shadow-color: #d6d6d6; + --link-color: #7c90ff; + --link-hover-shadow-color: #6c82ff; + --default-color: #ececec; + --subtitle-color: #999; + --syntax-theme-background: #2b2c2f; + --syntax-theme-background-hover: #414247; + --default-image-background-color: #1b1b1b; + --card-hover-background: #2f3033; + --donate-please: #d2d2d2; + + --callout-accent-color-info: #5944e0; + --callout-bg-color-info: #2f2745; + --callout-color-info: #f0effb; + --callout-accent-color-caution: #e82f5a; + --callout-bg-color-caution: #591626; + --callout-color-caution: #eed5db; + --callout-accent-color-warning: #e4c151; + --callout-bg-color-warning: #513903; + --callout-color-warning: #fdfdec; + --code: #c8c8c8; + + } + @media (prefers-color-scheme: light) { + --color-black: #fff; + --color-blue: #4a6e91; + --color-blue-lighter: #537ca3; + --color-baby-blue: #b1d9ff; + --color-white: #090909; + --color-white-darker-60: #a1a1a1; + --color-white-darker-40: #727272; + --color-white-darker-20: #434343; + --color-grey-800: #efeff4; + --color-grey-900: #f4f4f8; + + --color-pink: #9f517a; + --color-pink-lighter: #b35b89; + --color-pink-barely-lighter: #a3537d; + --color-gold: #d2be4a; + + --headerbar-color: #1e1e22; + --hover-color: #090909; + --hover-shadow-color: #292929; + --link-color: #7c90ff; + --link-hover-shadow-color: #6c82ff; + --default-color: #090909; + --subtitle-color: #666; + --syntax-theme-background: #d3d0d4; + --syntax-theme-background-hover: #bdb8be; + --default-image-background-color: #e4e4e4; + --card-hover-background: #cccfd0; + + --supporting-text: #2d2d2d; + + --callout-accent-color-info: hsl(248, 72%, 43%); + --callout-bg-color-info: hsl(256, 28%, 79%); + --callout-color-info: hsl(245, 60%, 04%); + + --callout-accent-color-caution: hsl(346, 80%, 45%); + --callout-bg-color-caution: hsl(346, 60%, 78%); + --callout-color-caution: hsl(346, 42%, 12%); + + --callout-accent-color-warning: hsl(46, 73%, 39%); + --callout-bg-color-warning: hsl(42, 93%, 84%); + --callout-color-warning: hsl(60, 81%, 04%); + + --code: #383838; } diff --git a/sass/components/_callout.scss b/sass/components/_callout.scss index dc5e18f191..b0eda70482 100644 --- a/sass/components/_callout.scss +++ b/sass/components/_callout.scss @@ -16,20 +16,20 @@ &, &--info { - --callout-accent-color: #5944e0; - --callout-bg-color: #2f2745; - --callout-color: #f0effb; + --callout-accent-color: var(--callout-accent-color-info); + --callout-bg-color: var(--callout-bg-color-info); + --callout-color: var(--callout-color-info); } &--caution { - --callout-accent-color: #e82f5a; - --callout-bg-color: #591626; - --callout-color: #eed5db; + --callout-accent-color: var(--callout-accent-color-caution); + --callout-bg-color: var(--callout-bg-color-caution); + --callout-color: var(--callout-color-caution); } &--warning { - --callout-accent-color: #e4c151; - --callout-bg-color: #513903; - --callout-color: #fdfdec; + --callout-accent-color: var(--callout-accent-color-warning); + --callout-bg-color: var(--callout-bg-color-warning); + --callout-color: var(--callout-color-warning); } } diff --git a/sass/components/_docs-footer.scss b/sass/components/_docs-footer.scss index 825708945d..d6291ea055 100644 --- a/sass/components/_docs-footer.scss +++ b/sass/components/_docs-footer.scss @@ -9,9 +9,9 @@ --tertiary-text-color: #9e9e9e; } @media (prefers-color-scheme: light) { - --border-color: #2f3033 - --secondary-text-color: #8c8c8c; - --tertiary-text-color: #9e9e9e; + --border-color: #cfccd0; + --secondary-text-color: #737373; + --tertiary-text-color: #616161; } @media #{$bp-tablet-portrait-up} { diff --git a/sass/components/_on-this-page.scss b/sass/components/_on-this-page.scss index 84da114d01..162cec9f4f 100644 --- a/sass/components/_on-this-page.scss +++ b/sass/components/_on-this-page.scss @@ -21,7 +21,8 @@ --lighter-color: #979797; } @media (prefers-color-scheme: light) { - --lighter-color: #979797; + --color: #7a7a7a; + --lighter-color: #696969; } display: block; text-wrap: balance; diff --git a/sass/components/_tree-menu.scss b/sass/components/_tree-menu.scss index b678214f19..f3e01fd640 100644 --- a/sass/components/_tree-menu.scss +++ b/sass/components/_tree-menu.scss @@ -1,6 +1,12 @@ .tree-menu { // todo - $hover-color: rgba(#ffffff, 0.1); + @media (prefers-color-scheme: dark) { + --hover-color: #ffffff19; + } + @media (prefers-color-scheme: light) { + --hover-color: #00000019; + } + $item-height: 32px; $border-radius: 4px; $h-padding: 12px; diff --git a/sass/pages/_content.scss b/sass/pages/_content.scss index abc5bfaabc..5d6536afa3 100644 --- a/sass/pages/_content.scss +++ b/sass/pages/_content.scss @@ -5,7 +5,7 @@ $content-font-size: 1.22rem; font-size: $content-font-size; font-weight: 400; line-height: 1.43; - color: #d2d2d2; + color: var(--supporting-text); font-style: normal; text-decoration: none; word-break: break-word; @@ -59,7 +59,7 @@ $content-font-size: 1.22rem; font-family: var(--font-family-mono); font-variant-ligatures: none; font-size: 1.05rem; - color: #c8c8c8; + color: var(--code); background-color: var(--syntax-theme-background); border-radius: $border-radius; padding-bottom: 3px; diff --git a/sass/pages/_donate.scss b/sass/pages/_donate.scss index 414a726657..25f5e69dec 100644 --- a/sass/pages/_donate.scss +++ b/sass/pages/_donate.scss @@ -8,7 +8,7 @@ div.donate-sponsor { font-size: 1.22rem; font-weight: 400; line-height: 1.43; - color: #d2d2d2; + color: var(--supporting-text); font-style: normal; text-decoration: none; word-break: break-word; From 93e1964b8a650ee6e9b3346bc7526a54c15c2899 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sun, 4 Aug 2024 19:49:16 -0400 Subject: [PATCH 04/40] feat: Better colors and restore syntax highlighting dark themes --- sass/_vars.scss | 35 +++++++++++++++++++---------------- sass/elements/_details.scss | 2 +- 2 files changed, 20 insertions(+), 17 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index 8b76e4856e..e98f6492e0 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -74,7 +74,6 @@ $border-radius: 10px; --default-image-background-color: #1b1b1b; --card-hover-background: #2f3033; --donate-please: #d2d2d2; - --callout-accent-color-info: #5944e0; --callout-bg-color-info: #2f2745; --callout-color-info: #f0effb; @@ -89,9 +88,9 @@ $border-radius: 10px; } @media (prefers-color-scheme: light) { --color-black: #fff; - --color-blue: #4a6e91; - --color-blue-lighter: #537ca3; - --color-baby-blue: #b1d9ff; + --color-blue: hsl(210, 32%, 47%); + --color-blue-lighter: hsl(209, 33%, 52%); + --color-baby-blue: hsl(209, 100%, 35%); --color-white: #090909; --color-white-darker-60: #a1a1a1; --color-white-darker-40: #727272; @@ -99,38 +98,42 @@ $border-radius: 10px; --color-grey-800: #efeff4; --color-grey-900: #f4f4f8; - --color-pink: #9f517a; - --color-pink-lighter: #b35b89; - --color-pink-barely-lighter: #a3537d; - --color-gold: #d2be4a; + --color-pink: hsl(328, 33%, 73%); + --color-pink-lighter: hsl(329, 37%, 67%); + --color-pink-barely-lighter: hsl(329, 33%, 68%); + --color-gold: hsl(51, 60%, 56%); --headerbar-color: #1e1e22; --hover-color: #090909; --hover-shadow-color: #292929; - --link-color: #7c90ff; - --link-hover-shadow-color: #6c82ff; + --link-color: hsl(211, 100%, 36%); + --link-hover-shadow-color: hsla(231, 100%, 71%, 25%); --default-color: #090909; --subtitle-color: #666; - --syntax-theme-background: #d3d0d4; - --syntax-theme-background-hover: #bdb8be; --default-image-background-color: #e4e4e4; --card-hover-background: #cccfd0; - --supporting-text: #2d2d2d; --callout-accent-color-info: hsl(248, 72%, 43%); --callout-bg-color-info: hsl(256, 28%, 79%); --callout-color-info: hsl(245, 60%, 04%); - --callout-accent-color-caution: hsl(346, 80%, 45%); --callout-bg-color-caution: hsl(346, 60%, 78%); --callout-color-caution: hsl(346, 42%, 12%); - --callout-accent-color-warning: hsl(46, 73%, 39%); --callout-bg-color-warning: hsl(42, 93%, 84%); --callout-color-warning: hsl(60, 81%, 04%); - --code: #383838; + // syntax theme note: + // `_syntax-theme.scss` contains the text syntax highlighting colors. + // Until those colors are adapted to respond to `prefers-color-scheme`, we + // keep the dark code backgrounds abd code text + --syntax-theme-background: #2b2c2f; + --syntax-theme-background-hover: #414247; + --code: #c8c8c8; + //--syntax-theme-background: #d3d0d4; + //--syntax-theme-background-hover: #bdb8be; + //--code: #383838; } diff --git a/sass/elements/_details.scss b/sass/elements/_details.scss index bfc5e06ffa..28c9956bf2 100644 --- a/sass/elements/_details.scss +++ b/sass/elements/_details.scss @@ -18,7 +18,7 @@ details { padding-block: calc($h-padding/2); &:hover { - text-shadow: 0 0 0.9px var(--default-color), 0 0 0.9px var(--default-color); + text-shadow: 0 0 0.9px var(--hover-shadow-color), 0 0 0.9px var(--hover-shadow-color); } } From de1fe07b21df64be1234ab61c8d91713bb28b432 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Tue, 6 Aug 2024 16:07:34 -0400 Subject: [PATCH 05/40] wip: Light mode; updated main page and created inverted images --- .../ecs_build-inverted.svg | 550 ++++++ .../ecs_iter-inverted.svg | 584 ++++++ .../balance-scale-inverted.svg | 53 + .../bevy_tasks_1-inverted.svg | 411 +++++ .../bevy_tasks_2-inverted.svg | 484 +++++ .../get_component-inverted.svg | 511 ++++++ .../ecs_add_remove-inverted.svg | 388 ++++ .../ecs_frag_iter-inverted.svg | 355 ++++ .../ecs_get_component-inverted.svg | 708 ++++++++ .../ecs_simple_insert-inverted.svg | 355 ++++ .../bevy_round1_dynamic-inverted.svg | 409 +++++ .../bevy_round1_static-inverted.svg | 409 +++++ .../fast_compiles-inverted.svg | 405 +++++ .../text_rendering-inverted.svg | 337 ++++ .../add_remove_big-inverted.svg | 496 ++++++ .../frag_iter-inverted.svg | 743 ++++++++ .../sparse_frag_iter-inverted.svg | 690 ++++++++ .../bevy_birthday-inverted.svg | 696 ++++++++ .../improve-inverted.svg | 290 +++ .../milestones-inverted.svg | 310 ++++ .../next_year-inverted.svg | 389 ++++ .../numbers-inverted.svg | 295 ++++ .../proud-inverted.svg | 286 +++ .../ViewFrustum-inverted.svg | 168 ++ .../commands_perf-inverted.svg | 463 +++++ .../pipelined_rendering-inverted.svg | 242 +++ .../pipelined_rendering_stages-inverted.svg | 309 ++++ .../render_graph-inverted.svg | 130 ++ .../unpipelined_rendering-inverted.svg | 277 +++ .../label_bench-inverted.svg | 381 ++++ .../unstable_sort-inverted.svg | 524 ++++++ .../bevy_birthday-inverted.svg | 696 ++++++++ .../improve-inverted.svg | 290 +++ .../milestones-inverted.svg | 310 ++++ .../next_year-inverted.svg | 389 ++++ .../numbers-inverted.svg | 295 ++++ .../proud-inverted.svg | 286 +++ .../scaling_bevy-inverted.svg | 136 ++ .../main_schedule_diagram-inverted.svg | 1572 +++++++++++++++++ .../webgpu-inverted.svg | 113 ++ .../ridge-light-view-1-inverted.svg | 61 + .../2023-07-09-bevy-0.11/webgpu-inverted.svg | 113 ++ .../bevy_birthday-inverted.svg | 696 ++++++++ .../improve-inverted.svg | 290 +++ .../milestones-inverted.svg | 310 ++++ .../next_year-inverted.svg | 389 ++++ .../numbers-inverted.svg | 295 ++++ .../proud-inverted.svg | 286 +++ .../0.12-2DMeshes-inverted.svg | 3 + .../0.12-3DMeshes-inverted.svg | 3 + .../BatchedUniformBuffer-inverted.svg | 3 + .../DynamicUniformBuffer-inverted.svg | 3 + .../RenderSets-0.11-inverted.svg | 3 + .../RenderSets-0.12-inverted.svg | 3 + .../StorageBuffer-inverted.svg | 3 + .../better_batching-inverted.svg | 1 + .../rendering-perf-graph-inverted.svg | 1 + .../bevy_foundation-inverted.svg | 194 ++ deletem.sh | 116 ++ invert_stream.py | 14 + invertme.sh | 116 ++ sass/components/_footer.scss | 23 +- sass/components/_header.scss | 4 + static/assets/bevy_foundation-inverted.svg | 194 ++ static/assets/bevy_icon_dark-inverted.svg | 131 ++ static/assets/bevy_logo_dark-inverted.svg | 159 ++ static/assets/bevy_logo_docs-inverted.svg | 180 ++ static/assets/book-inverted.svg | 144 ++ static/assets/discord-inverted.svg | 1 + static/assets/ecs-inverted.svg | 356 ++++ static/assets/error_icon-inverted.svg | 71 + static/assets/feed-inverted.svg | 1 + .../fira-mono-v8-latin-regular-inverted.svg | 322 ++++ .../fira-sans-v10-latin-300-inverted.svg | 328 ++++ .../fira-sans-v10-latin-500-inverted.svg | 329 ++++ .../fira-sans-v10-latin-800-inverted.svg | 328 ++++ .../fira-sans-v10-latin-italic-inverted.svg | 340 ++++ .../fira-sans-v10-latin-regular-inverted.svg | 330 ++++ static/assets/github-mark-inverted.svg | 1 + static/assets/github-mark-white-inverted.svg | 1 + static/assets/github_grey-inverted.svg | 53 + static/assets/hot_reloading-inverted.svg | 118 ++ static/assets/icon-chevron-down-inverted.svg | 3 + static/assets/icon-chevron-left-inverted.svg | 3 + static/assets/icon-chevron-right-inverted.svg | 3 + static/assets/icon-docs-dev-inverted.svg | 235 +++ static/assets/icon-github-inverted.svg | 10 + static/assets/icon-hamburger-inverted.svg | 5 + static/assets/icon-pencil-inverted.svg | 4 + static/assets/itchio-textless-inverted.svg | 1 + .../assets/mastodon-logo-purple-inverted.svg | 56 + static/assets/migration-guides-inverted.svg | 76 + static/assets/pager_next-inverted.svg | 67 + static/assets/pager_previous-inverted.svg | 67 + static/assets/platform-icons-inverted.svg | 67 + static/assets/progressbar-inverted.svg | 80 + static/assets/reddit-inverted.svg | 53 + static/assets/render_graph-inverted.svg | 130 ++ static/assets/rust-logo-light-inverted.svg | 47 + static/assets/sound-inverted.svg | 120 ++ .../assets/sponsor_badges/bronze-inverted.svg | 151 ++ .../sponsor_badges/diamond-inverted.svg | 151 ++ .../assets/sponsor_badges/gold-inverted.svg | 151 ++ .../assets/sponsor_badges/patron-inverted.svg | 151 ++ .../sponsor_badges/platinum-inverted.svg | 151 ++ .../assets/sponsor_badges/silver-inverted.svg | 151 ++ .../sponsor_badges/titanium-inverted.svg | 151 ++ .../Foresight_Spatial_Labs-inverted.svg | 224 +++ static/assets/twitter_grey-inverted.svg | 53 + static/assets/whats_a_bevy-inverted.svg | 208 +++ static/assets/youtube_grey-inverted.svg | 54 + templates/index.html | 38 +- templates/layouts/base.html | 21 +- 113 files changed, 25718 insertions(+), 16 deletions(-) create mode 100644 content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg create mode 100644 content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg create mode 100644 content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg create mode 100644 content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg create mode 100644 content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg create mode 100644 content/news/2020-09-19-bevy-0.2/get_component-inverted.svg create mode 100644 content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg create mode 100644 content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg create mode 100644 content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg create mode 100644 content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg create mode 100644 content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg create mode 100644 content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg create mode 100644 content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg create mode 100644 content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg create mode 100644 content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg create mode 100644 content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg create mode 100644 content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg create mode 100644 content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg create mode 100644 content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg create mode 100644 content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg create mode 100644 content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg create mode 100644 content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg create mode 100644 content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg create mode 100644 content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg create mode 100644 content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg create mode 100644 content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg create mode 100644 content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg create mode 100644 content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg create mode 100644 content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg create mode 100644 content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg create mode 100644 content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg create mode 100644 content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg create mode 100644 content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg create mode 100644 content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg create mode 100644 content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg create mode 100644 content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg create mode 100644 content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg create mode 100644 content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg create mode 100644 content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg create mode 100644 content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg create mode 100644 content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg create mode 100644 content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg create mode 100644 content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg create mode 100644 content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg create mode 100644 content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg create mode 100644 content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg create mode 100644 content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg create mode 100644 content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg create mode 100644 content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg create mode 100644 content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg create mode 100644 content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg create mode 100644 content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg create mode 100644 content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg create mode 100644 content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg create mode 100644 content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg create mode 100644 content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg create mode 100644 content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg create mode 100644 content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg create mode 100755 deletem.sh create mode 100644 invert_stream.py create mode 100755 invertme.sh create mode 100644 static/assets/bevy_foundation-inverted.svg create mode 100644 static/assets/bevy_icon_dark-inverted.svg create mode 100644 static/assets/bevy_logo_dark-inverted.svg create mode 100644 static/assets/bevy_logo_docs-inverted.svg create mode 100644 static/assets/book-inverted.svg create mode 100644 static/assets/discord-inverted.svg create mode 100644 static/assets/ecs-inverted.svg create mode 100644 static/assets/error_icon-inverted.svg create mode 100644 static/assets/feed-inverted.svg create mode 100644 static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg create mode 100644 static/assets/fonts/fira-sans-v10-latin-300-inverted.svg create mode 100644 static/assets/fonts/fira-sans-v10-latin-500-inverted.svg create mode 100644 static/assets/fonts/fira-sans-v10-latin-800-inverted.svg create mode 100644 static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg create mode 100644 static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg create mode 100644 static/assets/github-mark-inverted.svg create mode 100644 static/assets/github-mark-white-inverted.svg create mode 100644 static/assets/github_grey-inverted.svg create mode 100644 static/assets/hot_reloading-inverted.svg create mode 100644 static/assets/icon-chevron-down-inverted.svg create mode 100644 static/assets/icon-chevron-left-inverted.svg create mode 100644 static/assets/icon-chevron-right-inverted.svg create mode 100644 static/assets/icon-docs-dev-inverted.svg create mode 100644 static/assets/icon-github-inverted.svg create mode 100644 static/assets/icon-hamburger-inverted.svg create mode 100644 static/assets/icon-pencil-inverted.svg create mode 100644 static/assets/itchio-textless-inverted.svg create mode 100644 static/assets/mastodon-logo-purple-inverted.svg create mode 100644 static/assets/migration-guides-inverted.svg create mode 100644 static/assets/pager_next-inverted.svg create mode 100644 static/assets/pager_previous-inverted.svg create mode 100644 static/assets/platform-icons-inverted.svg create mode 100644 static/assets/progressbar-inverted.svg create mode 100644 static/assets/reddit-inverted.svg create mode 100644 static/assets/render_graph-inverted.svg create mode 100644 static/assets/rust-logo-light-inverted.svg create mode 100644 static/assets/sound-inverted.svg create mode 100644 static/assets/sponsor_badges/bronze-inverted.svg create mode 100644 static/assets/sponsor_badges/diamond-inverted.svg create mode 100644 static/assets/sponsor_badges/gold-inverted.svg create mode 100644 static/assets/sponsor_badges/patron-inverted.svg create mode 100644 static/assets/sponsor_badges/platinum-inverted.svg create mode 100644 static/assets/sponsor_badges/silver-inverted.svg create mode 100644 static/assets/sponsor_badges/titanium-inverted.svg create mode 100644 static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg create mode 100644 static/assets/twitter_grey-inverted.svg create mode 100644 static/assets/whats_a_bevy-inverted.svg create mode 100644 static/assets/youtube_grey-inverted.svg diff --git a/content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg b/content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg new file mode 100644 index 0000000000..71476f79f4 --- /dev/null +++ b/content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg @@ -0,0 +1,550 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +hecsshipyardbevylegionspecs0100200300400500600 diff --git a/content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg b/content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg new file mode 100644 index 0000000000..88955d1e92 --- /dev/null +++ b/content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg @@ -0,0 +1,584 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +bevylegionhecsspecsshipyard (packed)0500100015002000250030003500 diff --git a/content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg b/content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg new file mode 100644 index 0000000000..ea242fb4f0 --- /dev/null +++ b/content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg @@ -0,0 +1,53 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg b/content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg new file mode 100644 index 0000000000..b679d9ec98 --- /dev/null +++ b/content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg @@ -0,0 +1,411 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg b/content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg new file mode 100644 index 0000000000..52a8c3bb75 --- /dev/null +++ b/content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg @@ -0,0 +1,484 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-09-19-bevy-0.2/get_component-inverted.svg b/content/news/2020-09-19-bevy-0.2/get_component-inverted.svg new file mode 100644 index 0000000000..2c231cbb78 --- /dev/null +++ b/content/news/2020-09-19-bevy-0.2/get_component-inverted.svg @@ -0,0 +1,511 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg b/content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg new file mode 100644 index 0000000000..15a074324f --- /dev/null +++ b/content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg @@ -0,0 +1,388 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg b/content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg new file mode 100644 index 0000000000..4a0f95bc9e --- /dev/null +++ b/content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg @@ -0,0 +1,355 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg b/content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg new file mode 100644 index 0000000000..370103c3c3 --- /dev/null +++ b/content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg @@ -0,0 +1,708 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg b/content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg new file mode 100644 index 0000000000..d173930c3f --- /dev/null +++ b/content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg @@ -0,0 +1,355 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg b/content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg new file mode 100644 index 0000000000..d2ce0cf04b --- /dev/null +++ b/content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg @@ -0,0 +1,409 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg b/content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg new file mode 100644 index 0000000000..ccf03b7900 --- /dev/null +++ b/content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg @@ -0,0 +1,409 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg b/content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg new file mode 100644 index 0000000000..09663bd652 --- /dev/null +++ b/content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg @@ -0,0 +1,405 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg b/content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg new file mode 100644 index 0000000000..23b7d2664e --- /dev/null +++ b/content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg @@ -0,0 +1,337 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg b/content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg new file mode 100644 index 0000000000..200610ccd4 --- /dev/null +++ b/content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg @@ -0,0 +1,496 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg b/content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg new file mode 100644 index 0000000000..8e096df7a4 --- /dev/null +++ b/content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg @@ -0,0 +1,743 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg b/content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg new file mode 100644 index 0000000000..4743ba234a --- /dev/null +++ b/content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg @@ -0,0 +1,690 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg new file mode 100644 index 0000000000..01cea2f87b --- /dev/null +++ b/content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg @@ -0,0 +1,696 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg new file mode 100644 index 0000000000..0785a4a215 --- /dev/null +++ b/content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg @@ -0,0 +1,290 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg new file mode 100644 index 0000000000..6ce1b9177e --- /dev/null +++ b/content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg new file mode 100644 index 0000000000..ff0bf96ab8 --- /dev/null +++ b/content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg @@ -0,0 +1,389 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg new file mode 100644 index 0000000000..ce43028d11 --- /dev/null +++ b/content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg @@ -0,0 +1,295 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg new file mode 100644 index 0000000000..91fce71661 --- /dev/null +++ b/content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg @@ -0,0 +1,286 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg b/content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg new file mode 100644 index 0000000000..9257aebd0e --- /dev/null +++ b/content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg @@ -0,0 +1,168 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg b/content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg new file mode 100644 index 0000000000..ffef025415 --- /dev/null +++ b/content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg @@ -0,0 +1,463 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg b/content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg new file mode 100644 index 0000000000..1e12f5f931 --- /dev/null +++ b/content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg @@ -0,0 +1,242 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg b/content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg new file mode 100644 index 0000000000..84df86d576 --- /dev/null +++ b/content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg @@ -0,0 +1,309 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg b/content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg new file mode 100644 index 0000000000..a68d3c13a6 --- /dev/null +++ b/content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg @@ -0,0 +1,130 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg b/content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg new file mode 100644 index 0000000000..b8f89460d7 --- /dev/null +++ b/content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg @@ -0,0 +1,277 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg b/content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg new file mode 100644 index 0000000000..36e3a60df1 --- /dev/null +++ b/content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg @@ -0,0 +1,381 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg b/content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg new file mode 100644 index 0000000000..7ba55dee05 --- /dev/null +++ b/content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg @@ -0,0 +1,524 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg new file mode 100644 index 0000000000..01cea2f87b --- /dev/null +++ b/content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg @@ -0,0 +1,696 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg new file mode 100644 index 0000000000..0785a4a215 --- /dev/null +++ b/content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg @@ -0,0 +1,290 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg new file mode 100644 index 0000000000..6ce1b9177e --- /dev/null +++ b/content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg new file mode 100644 index 0000000000..ff0bf96ab8 --- /dev/null +++ b/content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg @@ -0,0 +1,389 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg new file mode 100644 index 0000000000..ce43028d11 --- /dev/null +++ b/content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg @@ -0,0 +1,295 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg new file mode 100644 index 0000000000..91fce71661 --- /dev/null +++ b/content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg @@ -0,0 +1,286 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg b/content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg new file mode 100644 index 0000000000..a00db1389c --- /dev/null +++ b/content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg @@ -0,0 +1,136 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg b/content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg new file mode 100644 index 0000000000..790f48996c --- /dev/null +++ b/content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg @@ -0,0 +1,1572 @@ + + + + + + + + +clusternode_Set(0) + + +Update + + + + +clusternode_Set(2) + + +FirstFlush + + + + +clusternode_Set(3) + + +PreUpdateFlush + + + + +clusternode_Set(4) + + +UpdateFlush + + + + +clusternode_Set(5) + + +PostUpdateFlush + + + + +clusternode_Set(6) + + +LastFlush + + + + +clusternode_Set(7) + + +First + + + + +clusternode_Set(16) + + +TimeSystem + + + + +clusternode_Set(8) + + +PreUpdate + + + + +clusternode_Set(25) + + +InputSystem + + + + +clusternode_Set(121) + + +Focus + + + + +clusternode_Set(9) + + +StateTransitions + + + + +clusternode_Set(10) + + +FixedUpdate + + + + +clusternode_Set(11) + + +PostUpdate + + + + +clusternode_Set(20) + + +TransformPropagate + + + + +clusternode_Set(21) + + +PropagateTransformsSet + + + + +clusternode_Set(82) + + +CameraUpdateSystem + + + + +clusternode_Set(86) + + +CalculateBounds + + + + +clusternode_Set(87) + + +CalculateBoundsFlush + + + + +clusternode_Set(88) + + +UpdateOrthographicFrusta + + + + +clusternode_Set(89) + + +UpdatePerspectiveFrusta + + + + +clusternode_Set(90) + + +UpdateProjectionFrusta + + + + +clusternode_Set(91) + + +CheckVisibility + + + + +clusternode_Set(92) + + +VisibilityPropagate + + + + +clusternode_Set(122) + + +Flex + + + + +clusternode_Set(123) + + +Stack + + + + +clusternode_Set(137) + + +AddClusters + + + + +clusternode_Set(138) + + +AddClustersFlush + + + + +clusternode_Set(139) + + +AssignLightsToClusters + + + + +clusternode_Set(140) + + +CheckLightVisibility + + + + +clusternode_Set(141) + + +UpdateDirectionalLightCascades + + + + +clusternode_Set(142) + + +UpdateLightFrusta + + + + +clusternode_Set(12) + + +Last + + + + +clusternode_Set(59) + + +LoadAssets + + + + +clusternode_Set(60) + + +AssetEvents + + + + + + + +set_marker_node_Set(0)->set_marker_node_Set(4) + + + + + + + + +node_System(46) + + +close_when_requested + + + + + +node_System(55) + + +scene_spawner_system + + + + + +node_System(60) + + +handle_window_focus + + + + + +node_System(61) + + +window_closed + + + + + +node_System(60)->node_System(61) + + + +AccessKitAdapters + + + + + +node_System(62) + + +poll_receivers + + + + + +node_System(61)->node_System(62) + + + +WinitActionHandlers + + + + + +node_System(63) + + +update_accessibility_nodes + + + + + +node_System(61)->node_System(63) + + + +AccessKitAdapters + + + + + +node_System(102) + + +calc_bounds + + + + + +node_System(63)->node_System(102) + + + +AccessibilityNode + + + + + +node_System(103) + + +button_changed + + + + + +node_System(63)->node_System(103) + + + +AccessibilityNode + + + + + +node_System(104) + + +image_changed + + + + + +node_System(63)->node_System(104) + + + +AccessibilityNode + + + + + +node_System(105) + + +label_changed + + + + + +node_System(63)->node_System(105) + + + +AccessibilityNode + + + + + +node_System(102)->node_System(103) + + + +AccessibilityNode + + + + + +node_System(102)->node_System(104) + + + +AccessibilityNode + + + + + +node_System(102)->node_System(105) + + + +AccessibilityNode + + + + + +node_System(103)->node_System(104) + + + +AccessibilityNode + + + + + +node_System(103)->node_System(105) + + + +AccessibilityNode + + + + + +node_System(104)->node_System(105) + + + +AccessibilityNode + + + + + + + +set_marker_node_Set(2)->set_marker_node_Set(8) + + + + + + + + +node_System(0) + + +apply_system_buffers + + + + + + + +set_marker_node_Set(3)->set_marker_node_Set(9) + + + + + + + + +node_System(1) + + +apply_system_buffers + + + + + + +set_marker_node_Set(4)->set_marker_node_Set(11) + + + + + + + + +node_System(2) + + +apply_system_buffers + + + + + + + +set_marker_node_Set(5)->set_marker_node_Set(12) + + + + + + + + +node_System(3) + + +apply_system_buffers + + + + + + +node_System(4) + + +apply_system_buffers + + + + + + +set_marker_node_Set(7)->set_marker_node_Set(2) + + + + + + + + + +set_marker_node_Set(7)->set_marker_node_Set(59) + + + + + + + + + +node_System(8) + + +time_system + + + + + +set_marker_node_Set(8)->set_marker_node_Set(3) + + + + + + + + + +node_System(100) + + +ui_focus_system + + + + + +set_marker_node_Set(25)->node_System(100) + + + + + + + + +node_System(15) + + +keyboard_input_system + + + + + +node_System(19) + + +mouse_button_input_system + + + + + +node_System(24) + + +gamepad_event_system + + + + + +node_System(25) + + +gamepad_connection_system + + + + + +node_System(24)->node_System(25) + + + + + + + + +node_System(26) + + +gamepad_button_event_system + + + + + +node_System(24)->node_System(26) + + + + + + + + +node_System(27) + + +gamepad_axis_event_system + + + + + +node_System(24)->node_System(27) + + + + + + + + +node_System(25)->node_System(26) + + + + + + + + +node_System(25)->node_System(27) + + + + + + + + +node_System(29) + + +touch_screen_input_system + + + + + + +node_System(47) + + +free_unused_assets_system + + + + + +node_System(56) + + +scene_spawner + + + + + +node_System(143) + + +gilrs_event_system + + + + + +node_System(143)->set_marker_node_Set(25) + + + + + + + + + +set_marker_node_Set(9)->set_marker_node_Set(10) + + + + + + + + +set_marker_node_Set(10)->set_marker_node_Set(0) + + + + + + + + +node_System(9) + + +run_fixed_update_schedule + + + + + +set_marker_node_Set(11)->set_marker_node_Set(5) + + + + + + + + + +set_marker_node_Set(11)->set_marker_node_Set(60) + + + + + + + + + +node_System(73) + + +update_frusta<OrthographicProjection> + + + + + +set_marker_node_Set(20)->node_System(73) + + + + + + + + +node_System(74) + + +update_frusta<PerspectiveProjection> + + + + + +set_marker_node_Set(20)->node_System(74) + + + + + + + + +node_System(75) + + +update_frusta<Projection> + + + + + +set_marker_node_Set(20)->node_System(75) + + + + + + + + +node_System(77) + + +check_visibility + + + + + +set_marker_node_Set(20)->node_System(77) + + + + + + + + +node_System(115) + + +assign_lights_to_clusters + + + + + +set_marker_node_Set(20)->node_System(115) + + + + + + + + +node_System(120) + + +check_light_mesh_visibility + + + + + +set_marker_node_Set(20)->node_System(120) + + + + + + + + +node_System(116) + + +update_directional_light_cascades + + + + + +set_marker_node_Set(20)->node_System(116) + + + + + + + + +node_System(117) + + +update_directional_light_frusta + + + + + +set_marker_node_Set(20)->node_System(117) + + + + + + + + +node_System(118) + + +update_point_light_frusta + + + + + +set_marker_node_Set(20)->node_System(118) + + + + + + + + +node_System(119) + + +update_spot_light_frusta + + + + + +set_marker_node_Set(20)->node_System(119) + + + + + + + + +node_System(109) + + +update_clipping_system + + + + + +set_marker_node_Set(20)->node_System(109) + + + + + + + + + +node_System(12) + + +propagate_transforms + + + + + +node_System(11) + + +sync_simple_transforms + + + + + + +set_marker_node_Set(82)->node_System(115) + + + + + + + + +set_marker_node_Set(82)->node_System(116) + + + + + + + + +node_System(68) + + +camera_system<Projection> + + + + + +node_System(68)->node_System(75) + + + + + + + + +node_System(69) + + +camera_system<OrthographicProjection> + + + + + +node_System(69)->node_System(73) + + + + + + + + +node_System(70) + + +camera_system<PerspectiveProjection> + + + + + +node_System(70)->node_System(74) + + + + + + + + + + +set_marker_node_Set(86)->set_marker_node_Set(87) + + + + + + + + +node_System(72) + + +calculate_bounds + + + + + +set_marker_node_Set(87)->node_System(77) + + + + + + + + +set_marker_node_Set(87)->node_System(120) + + + + + + + + +node_System(71) + + +apply_system_buffers + + + + + + +set_marker_node_Set(88)->node_System(77) + + + + + + + + + +set_marker_node_Set(89)->node_System(77) + + + + + + + + + +set_marker_node_Set(90)->node_System(77) + + + + + + + + + +set_marker_node_Set(91)->node_System(115) + + + + + + + + +set_marker_node_Set(91)->node_System(120) + + + + + + + + +set_marker_node_Set(91)->node_System(117) + + + + + + + + + +set_marker_node_Set(92)->node_System(77) + + + + + + + + +node_System(76) + + +visibility_propagate_system + + + + + + +node_System(107) + + +flex_node_system + + + + + +node_System(107)->set_marker_node_Set(20) + + + + + + + + +node_System(147) + + +animation_player + + + + + +node_System(107)->node_System(147) + + + +Transform + + + + + + +node_System(108) + + +ui_stack_system + + + + + + + +set_marker_node_Set(137)->set_marker_node_Set(138) + + + + + + + + +node_System(113) + + +add_clusters + + + + + + +set_marker_node_Set(138)->set_marker_node_Set(139) + + + + + + + + +node_System(114) + + +apply_system_buffers + + + + + +set_marker_node_Set(139)->node_System(118) + + + + + + + + +set_marker_node_Set(139)->node_System(119) + + + + + + + + + + +set_marker_node_Set(141)->node_System(117) + + + + + + + + + +set_marker_node_Set(142)->node_System(120) + + + + + + + + +node_System(45) + + +exit_on_all_closed + + + + + +node_System(99) + + +update_text2d_layout + + + + + +node_System(101) + + +text_system + + + + + +node_System(101)->set_marker_node_Set(122) + + + + + + + + +node_System(106) + + +update_image_calculated_size_system + + + + + +node_System(106)->set_marker_node_Set(122) + + + + + + + + +node_System(142) + + +play_queued_audio_system<AudioSource> + + + + + +node_System(147)->set_marker_node_Set(20) + + + + + + + + +set_marker_node_Set(12)->set_marker_node_Set(6) + + + + + + + + +node_System(6) + + +tick_global_task_pools + + + + + +node_System(7) + + +update_frame_count + + + + + +node_System(10) + + +check_hierarchy_component_has_valid_parent<GlobalTransform> + + + + + +node_System(57) + + +changed_window + + + + + +node_System(58) + + +despawn_window + + + + + +node_System(57)->node_System(58) + + + + + + + + +node_System(67) + + +check_hierarchy_component_has_valid_parent<ComputedVisibility> + + + + + +set_marker_node_Set(59)->set_marker_node_Set(8) + + + + + + + + +node_System(48) + + +filesystem_watcher_system + + + + + +set_marker_node_Set(60)->set_marker_node_Set(12) + + + + + + + + \ No newline at end of file diff --git a/content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg b/content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg new file mode 100644 index 0000000000..26637929af --- /dev/null +++ b/content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg @@ -0,0 +1,113 @@ + + diff --git a/content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg b/content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg new file mode 100644 index 0000000000..d170f101a9 --- /dev/null +++ b/content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Normal mapping + Normal & parallax mapping + + + diff --git a/content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg b/content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg new file mode 100644 index 0000000000..f8aacc4148 --- /dev/null +++ b/content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg @@ -0,0 +1,113 @@ + + diff --git a/content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg new file mode 100644 index 0000000000..01cea2f87b --- /dev/null +++ b/content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg @@ -0,0 +1,696 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg new file mode 100644 index 0000000000..0785a4a215 --- /dev/null +++ b/content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg @@ -0,0 +1,290 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg new file mode 100644 index 0000000000..6ce1b9177e --- /dev/null +++ b/content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg new file mode 100644 index 0000000000..ff0bf96ab8 --- /dev/null +++ b/content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg @@ -0,0 +1,389 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg new file mode 100644 index 0000000000..ce43028d11 --- /dev/null +++ b/content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg @@ -0,0 +1,295 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg new file mode 100644 index 0000000000..91fce71661 --- /dev/null +++ b/content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg @@ -0,0 +1,286 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg b/content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg new file mode 100644 index 0000000000..d557f4a8aa --- /dev/null +++ b/content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg @@ -0,0 +1,3 @@ + + +
0.11: 10.8 fps
0.11: 10.8 fps
0.12: 33.2 fps
0.12: 33.2 fpsText is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg b/content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg new file mode 100644 index 0000000000..3fad8d3253 --- /dev/null +++ b/content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg @@ -0,0 +1,3 @@ + + +
0.11: 100 fps
0.11: 100 fps
0.12: 210 fps
0.12: 210 fpsText is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg b/content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg new file mode 100644 index 0000000000..03daeabb73 --- /dev/null +++ b/content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg @@ -0,0 +1,3 @@ + + +
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
10
10
11
11Text is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg b/content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg new file mode 100644 index 0000000000..6494f6f05c --- /dev/null +++ b/content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg @@ -0,0 +1,3 @@ + + +
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9Text is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg b/content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg new file mode 100644 index 0000000000..097b9e9359 --- /dev/null +++ b/content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg @@ -0,0 +1,3 @@ + + +
Extract
Extract
Queue
Queue
Sort
/ Batch
Sort...
Prepare
Prepare
Render
RenderText is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg b/content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg new file mode 100644 index 0000000000..78443b6a88 --- /dev/null +++ b/content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg @@ -0,0 +1,3 @@ + + +
Extract
Extract
Queue
Queue
Sort
Sort
Prepare / Batch
Prepare / Batch
Prepare Resources
Prepare Resou...
Prepare
Bind Groups
Prepare...
Render
Render
Prepare
Assets
Prepare...Text is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg b/content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg new file mode 100644 index 0000000000..23cdd10d7a --- /dev/null +++ b/content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg @@ -0,0 +1,3 @@ + + +
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
10
10
11
11
12
12Text is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg b/content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg new file mode 100644 index 0000000000..a79a8fcbd9 --- /dev/null +++ b/content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg b/content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg new file mode 100644 index 0000000000..c77fa786f6 --- /dev/null +++ b/content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg b/content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg new file mode 100644 index 0000000000..c071833170 --- /dev/null +++ b/content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/deletem.sh b/deletem.sh new file mode 100755 index 0000000000..22a72e893c --- /dev/null +++ b/deletem.sh @@ -0,0 +1,116 @@ +rm ./content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg +rm ./content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg +rm ./content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg +rm ./content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg +rm ./content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg +rm ./content/news/2020-09-19-bevy-0.2/get_component-inverted.svg +rm ./content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg +rm ./content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg +rm ./content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg +rm ./content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg +rm ./content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg +rm ./content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg +rm ./content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg +rm ./content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg +rm ./content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg +rm ./content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg +rm ./content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg +rm ./content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg +rm ./content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg +rm ./content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg +rm ./content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg +rm ./content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg +rm ./content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg +rm ./content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg +rm ./content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg +rm ./content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg +rm ./content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg +rm ./content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg +rm ./content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg +rm ./content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg +rm ./content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg +rm ./content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg +rm ./content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg +rm ./content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg +rm ./content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg +rm ./content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg +rm ./content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg +rm ./content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg +rm ./content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg +rm ./content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg +rm ./content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg +rm ./content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg +rm ./content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg +rm ./content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg +rm ./content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg +rm ./content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg +rm ./content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg +rm ./content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg +rm ./content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg +rm ./content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg +rm ./content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg +rm ./content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg +rm ./content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg +rm ./content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg +rm ./content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg +rm ./content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg +rm ./content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg +rm ./content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg +rm ./static/assets/bevy_foundation-inverted.svg +rm ./static/assets/bevy_icon_dark-inverted.svg +rm ./static/assets/bevy_logo_dark-inverted.svg +rm ./static/assets/bevy_logo_docs-inverted.svg +rm ./static/assets/bevy_ui-inverted.svg +rm ./static/assets/book-inverted.svg +rm ./static/assets/discord-inverted.svg +rm ./static/assets/ecs-inverted.svg +rm ./static/assets/error_icon-inverted.svg +rm ./static/assets/feed-inverted.svg +rm ./static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg +rm ./static/assets/fonts/fira-sans-v10-latin-300-inverted.svg +rm ./static/assets/fonts/fira-sans-v10-latin-500-inverted.svg +rm ./static/assets/fonts/fira-sans-v10-latin-800-inverted.svg +rm ./static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg +rm ./static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg +rm ./static/assets/github-inverted.svg +rm ./static/assets/github-mark-inverted.svg +rm ./static/assets/github-mark-white-inverted.svg +rm ./static/assets/github_grey-inverted.svg +rm ./static/assets/heart-inverted.svg +rm ./static/assets/hot_reloading-inverted.svg +rm ./static/assets/icon-chevron-down-inverted.svg +rm ./static/assets/icon-chevron-left-inverted.svg +rm ./static/assets/icon-chevron-right-inverted.svg +rm ./static/assets/icon-docs-dev-inverted.svg +rm ./static/assets/icon-github-inverted.svg +rm ./static/assets/icon-hamburger-inverted.svg +rm ./static/assets/icon-pencil-inverted.svg +rm ./static/assets/icon-times-inverted.svg +rm ./static/assets/itchio-textless-inverted.svg +rm ./static/assets/mastodon-logo-purple-inverted.svg +rm ./static/assets/migration-guides-inverted.svg +rm ./static/assets/opensource-inverted.svg +rm ./static/assets/pager_next-inverted.svg +rm ./static/assets/pager_previous-inverted.svg +rm ./static/assets/people-inverted.svg +rm ./static/assets/platform-icons-inverted.svg +rm ./static/assets/progressbar-inverted.svg +rm ./static/assets/q_and_a-inverted.svg +rm ./static/assets/reddit-inverted.svg +rm ./static/assets/render_graph-inverted.svg +rm ./static/assets/rust-logo-light-inverted.svg +rm ./static/assets/scene-inverted.svg +rm ./static/assets/sound-inverted.svg +rm ./static/assets/sponsor_badges/bronze-inverted.svg +rm ./static/assets/sponsor_badges/diamond-inverted.svg +rm ./static/assets/sponsor_badges/gold-inverted.svg +rm ./static/assets/sponsor_badges/patron-inverted.svg +rm ./static/assets/sponsor_badges/platinum-inverted.svg +rm ./static/assets/sponsor_badges/silver-inverted.svg +rm ./static/assets/sponsor_badges/titanium-inverted.svg +rm ./static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg +rm ./static/assets/twitter-inverted.svg +rm ./static/assets/twitter_grey-inverted.svg +rm ./static/assets/whats_a_bevy-inverted.svg +rm ./static/assets/youtube-inverted.svg +rm ./static/assets/youtube_grey-inverted.svg diff --git a/invert_stream.py b/invert_stream.py new file mode 100644 index 0000000000..9bb066ba6f --- /dev/null +++ b/invert_stream.py @@ -0,0 +1,14 @@ +import sys +import re + +def expand_hex(hexcode): return (''.join([c * 2 for c in hexcode]) if len(hexcode) in (3, 4) else hexcode) +def invert_hex(hexcode): return '{:06X}'.format(0xFFFFFF - int(hexcode, 16)) + +if __name__ == "__main__": + pattern = re.compile(r'#([0-9a-fA-F]{3}([0-9a-fA-F]{1,5})?)\b') + sys.stdout.write( + pattern.sub( + lambda mm: '#' + invert_hex(expand_hex(mm.group(1))), + sys.stdin.read() + ) + ) diff --git a/invertme.sh b/invertme.sh new file mode 100755 index 0000000000..477cec4b40 --- /dev/null +++ b/invertme.sh @@ -0,0 +1,116 @@ +python3 invert_stream.py < content/news/2020-08-10-introducing-bevy/ecs_build.svg > content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg +python3 invert_stream.py < content/news/2020-08-10-introducing-bevy/ecs_iter.svg > content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg +python3 invert_stream.py < content/news/2020-08-19-scaling-bevy/balance-scale.svg > content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg +python3 invert_stream.py < content/news/2020-09-19-bevy-0.2/bevy_tasks_1.svg > content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg +python3 invert_stream.py < content/news/2020-09-19-bevy-0.2/bevy_tasks_2.svg > content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg +python3 invert_stream.py < content/news/2020-09-19-bevy-0.2/get_component.svg > content/news/2020-09-19-bevy-0.2/get_component-inverted.svg +python3 invert_stream.py < content/news/2020-11-03-bevy-0.3/ecs_add_remove.svg > content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg +python3 invert_stream.py < content/news/2020-11-03-bevy-0.3/ecs_frag_iter.svg > content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg +python3 invert_stream.py < content/news/2020-11-03-bevy-0.3/ecs_get_component.svg > content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg +python3 invert_stream.py < content/news/2020-11-03-bevy-0.3/ecs_simple_insert.svg > content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg +python3 invert_stream.py < content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic.svg > content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg +python3 invert_stream.py < content/news/2020-12-19-bevy-0.4/bevy_round1_static.svg > content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg +python3 invert_stream.py < content/news/2020-12-19-bevy-0.4/fast_compiles.svg > content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg +python3 invert_stream.py < content/news/2020-12-19-bevy-0.4/text_rendering.svg > content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg +python3 invert_stream.py < content/news/2021-04-06-bevy-0.5/add_remove_big.svg > content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg +python3 invert_stream.py < content/news/2021-04-06-bevy-0.5/frag_iter.svg > content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg +python3 invert_stream.py < content/news/2021-04-06-bevy-0.5/sparse_frag_iter.svg > content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg +python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/bevy_birthday.svg > content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg +python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/improve.svg > content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg +python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/milestones.svg > content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg +python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/next_year.svg > content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg +python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/numbers.svg > content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg +python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/proud.svg > content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg +python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/ViewFrustum.svg > content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg +python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/commands_perf.svg > content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg +python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/pipelined_rendering.svg > content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg +python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages.svg > content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg +python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/render_graph.svg > content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg +python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/unpipelined_rendering.svg > content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg +python3 invert_stream.py < content/news/2022-07-30-bevy-0.8/label_bench.svg > content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg +python3 invert_stream.py < content/news/2022-07-30-bevy-0.8/unstable_sort.svg > content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg +python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/bevy_birthday.svg > content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg +python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/improve.svg > content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg +python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/milestones.svg > content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg +python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/next_year.svg > content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg +python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/numbers.svg > content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg +python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/proud.svg > content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg +python3 invert_stream.py < content/news/2023-01-14-scaling-bevy-development/scaling_bevy.svg > content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg +python3 invert_stream.py < content/news/2023-03-06-bevy-0.10/main_schedule_diagram.svg > content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg +python3 invert_stream.py < content/news/2023-05-17-bevy-webgpu/webgpu.svg > content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg +python3 invert_stream.py < content/news/2023-07-09-bevy-0.11/ridge-light-view-1.svg > content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg +python3 invert_stream.py < content/news/2023-07-09-bevy-0.11/webgpu.svg > content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg +python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/bevy_birthday.svg > content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg +python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/improve.svg > content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg +python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/milestones.svg > content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg +python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/next_year.svg > content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg +python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/numbers.svg > content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg +python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/proud.svg > content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg +python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/0.12-2DMeshes.svg > content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg +python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/0.12-3DMeshes.svg > content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg +python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer.svg > content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg +python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer.svg > content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg +python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/RenderSets-0.11.svg > content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg +python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/RenderSets-0.12.svg > content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg +python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/StorageBuffer.svg > content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg +python3 invert_stream.py < content/news/2024-02-17-bevy-0.13/better_batching.svg > content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg +python3 invert_stream.py < content/news/2024-02-17-bevy-0.13/rendering-perf-graph.svg > content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg +python3 invert_stream.py < content/news/2024-03-11-bevy-foundation/bevy_foundation.svg > content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg +python3 invert_stream.py < static/assets/bevy_foundation.svg > static/assets/bevy_foundation-inverted.svg +python3 invert_stream.py < static/assets/bevy_icon_dark.svg > static/assets/bevy_icon_dark-inverted.svg +python3 invert_stream.py < static/assets/bevy_logo_dark.svg > static/assets/bevy_logo_dark-inverted.svg +python3 invert_stream.py < static/assets/bevy_logo_docs.svg > static/assets/bevy_logo_docs-inverted.svg +python3 invert_stream.py < static/assets/bevy_ui.svg > static/assets/bevy_ui.svg +python3 invert_stream.py < static/assets/book.svg > static/assets/book-inverted.svg +python3 invert_stream.py < static/assets/discord.svg > static/assets/discord-inverted.svg +python3 invert_stream.py < static/assets/ecs.svg > static/assets/ecs-inverted.svg +python3 invert_stream.py < static/assets/error_icon.svg > static/assets/error_icon-inverted.svg +python3 invert_stream.py < static/assets/feed.svg > static/assets/feed-inverted.svg +python3 invert_stream.py < static/assets/fonts/fira-mono-v8-latin-regular.svg > static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg +python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-300.svg > static/assets/fonts/fira-sans-v10-latin-300-inverted.svg +python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-500.svg > static/assets/fonts/fira-sans-v10-latin-500-inverted.svg +python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-800.svg > static/assets/fonts/fira-sans-v10-latin-800-inverted.svg +python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-italic.svg > static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg +python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-regular.svg > static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg +python3 invert_stream.py < static/assets/github-mark-white.svg > static/assets/github-mark-white-inverted.svg +python3 invert_stream.py < static/assets/github-mark.svg > static/assets/github-mark-inverted.svg +python3 invert_stream.py < static/assets/github.svg > static/assets/github.svg +python3 invert_stream.py < static/assets/github_grey.svg > static/assets/github_grey-inverted.svg +python3 invert_stream.py < static/assets/heart.svg > static/assets/heart.svg +python3 invert_stream.py < static/assets/hot_reloading.svg > static/assets/hot_reloading-inverted.svg +python3 invert_stream.py < static/assets/icon-chevron-down.svg > static/assets/icon-chevron-down-inverted.svg +python3 invert_stream.py < static/assets/icon-chevron-left.svg > static/assets/icon-chevron-left-inverted.svg +python3 invert_stream.py < static/assets/icon-chevron-right.svg > static/assets/icon-chevron-right-inverted.svg +python3 invert_stream.py < static/assets/icon-docs-dev.svg > static/assets/icon-docs-dev-inverted.svg +python3 invert_stream.py < static/assets/icon-github.svg > static/assets/icon-github-inverted.svg +python3 invert_stream.py < static/assets/icon-hamburger.svg > static/assets/icon-hamburger-inverted.svg +python3 invert_stream.py < static/assets/icon-pencil.svg > static/assets/icon-pencil-inverted.svg +python3 invert_stream.py < static/assets/icon-times.svg > static/assets/icon-times.svg +python3 invert_stream.py < static/assets/itchio-textless.svg > static/assets/itchio-textless-inverted.svg +python3 invert_stream.py < static/assets/mastodon-logo-purple.svg > static/assets/mastodon-logo-purple-inverted.svg +python3 invert_stream.py < static/assets/migration-guides.svg > static/assets/migration-guides-inverted.svg +python3 invert_stream.py < static/assets/opensource.svg > static/assets/opensource.svg +python3 invert_stream.py < static/assets/pager_next.svg > static/assets/pager_next-inverted.svg +python3 invert_stream.py < static/assets/pager_previous.svg > static/assets/pager_previous-inverted.svg +python3 invert_stream.py < static/assets/people.svg > static/assets/people.svg +python3 invert_stream.py < static/assets/platform-icons.svg > static/assets/platform-icons-inverted.svg +python3 invert_stream.py < static/assets/progressbar.svg > static/assets/progressbar-inverted.svg +python3 invert_stream.py < static/assets/q_and_a.svg > static/assets/q_and_a.svg +python3 invert_stream.py < static/assets/reddit.svg > static/assets/reddit-inverted.svg +python3 invert_stream.py < static/assets/render_graph.svg > static/assets/render_graph-inverted.svg +python3 invert_stream.py < static/assets/rust-logo-light.svg > static/assets/rust-logo-light-inverted.svg +python3 invert_stream.py < static/assets/scene.svg > static/assets/scene.svg +python3 invert_stream.py < static/assets/sound.svg > static/assets/sound-inverted.svg +python3 invert_stream.py < static/assets/sponsor_badges/bronze.svg > static/assets/sponsor_badges/bronze-inverted.svg +python3 invert_stream.py < static/assets/sponsor_badges/diamond.svg > static/assets/sponsor_badges/diamond-inverted.svg +python3 invert_stream.py < static/assets/sponsor_badges/gold.svg > static/assets/sponsor_badges/gold-inverted.svg +python3 invert_stream.py < static/assets/sponsor_badges/patron.svg > static/assets/sponsor_badges/patron-inverted.svg +python3 invert_stream.py < static/assets/sponsor_badges/platinum.svg > static/assets/sponsor_badges/platinum-inverted.svg +python3 invert_stream.py < static/assets/sponsor_badges/silver.svg > static/assets/sponsor_badges/silver-inverted.svg +python3 invert_stream.py < static/assets/sponsor_badges/titanium.svg > static/assets/sponsor_badges/titanium-inverted.svg +python3 invert_stream.py < static/assets/sponsors/Foresight_Spatial_Labs.svg > static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg +python3 invert_stream.py < static/assets/twitter.svg > static/assets/twitter.svg +python3 invert_stream.py < static/assets/twitter_grey.svg > static/assets/twitter_grey-inverted.svg +python3 invert_stream.py < static/assets/whats_a_bevy.svg > static/assets/whats_a_bevy-inverted.svg +python3 invert_stream.py < static/assets/youtube.svg > static/assets/youtube.svg +python3 invert_stream.py < static/assets/youtube_grey.svg > static/assets/youtube_grey-inverted.svg diff --git a/sass/components/_footer.scss b/sass/components/_footer.scss index ac69f5d369..6981a91e39 100644 --- a/sass/components/_footer.scss +++ b/sass/components/_footer.scss @@ -7,11 +7,24 @@ padding: 20px; } - &__social { - img { - filter: grayscale(1) brightness(800%); - &:hover { - scale: 110%; + @media (prefers-color-scheme: dark) { + &__social { + img { + filter: grayscale(1) brightness(800%); + &:hover { + scale: 110%; + } + } + } + } + + @media (prefers-color-scheme: light) { + &__social { + img { + filter: grayscale(1) brightness(0%); + &:hover { + scale: 110%; + } } } } diff --git a/sass/components/_header.scss b/sass/components/_header.scss index 078557c9c5..22beafa880 100644 --- a/sass/components/_header.scss +++ b/sass/components/_header.scss @@ -78,6 +78,10 @@ @media #{$bp-tablet-portrait-up} { height: 35px; } + + @media (prefers-color-scheme: light) { + filter: grayscale(1) brightness(0%); + } } &:hover { diff --git a/static/assets/bevy_foundation-inverted.svg b/static/assets/bevy_foundation-inverted.svg new file mode 100644 index 0000000000..c071833170 --- /dev/null +++ b/static/assets/bevy_foundation-inverted.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/bevy_icon_dark-inverted.svg b/static/assets/bevy_icon_dark-inverted.svg new file mode 100644 index 0000000000..1eaa767b0b --- /dev/null +++ b/static/assets/bevy_icon_dark-inverted.svg @@ -0,0 +1,131 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/bevy_logo_dark-inverted.svg b/static/assets/bevy_logo_dark-inverted.svg new file mode 100644 index 0000000000..d899005b3c --- /dev/null +++ b/static/assets/bevy_logo_dark-inverted.svg @@ -0,0 +1,159 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/bevy_logo_docs-inverted.svg b/static/assets/bevy_logo_docs-inverted.svg new file mode 100644 index 0000000000..ad7ec010ac --- /dev/null +++ b/static/assets/bevy_logo_docs-inverted.svg @@ -0,0 +1,180 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/book-inverted.svg b/static/assets/book-inverted.svg new file mode 100644 index 0000000000..6a7011adda --- /dev/null +++ b/static/assets/book-inverted.svg @@ -0,0 +1,144 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/discord-inverted.svg b/static/assets/discord-inverted.svg new file mode 100644 index 0000000000..4c65bfd49e --- /dev/null +++ b/static/assets/discord-inverted.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/assets/ecs-inverted.svg b/static/assets/ecs-inverted.svg new file mode 100644 index 0000000000..7ab525f8dc --- /dev/null +++ b/static/assets/ecs-inverted.svg @@ -0,0 +1,356 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/error_icon-inverted.svg b/static/assets/error_icon-inverted.svg new file mode 100644 index 0000000000..3cfa12daaa --- /dev/null +++ b/static/assets/error_icon-inverted.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + diff --git a/static/assets/feed-inverted.svg b/static/assets/feed-inverted.svg new file mode 100644 index 0000000000..2242dcb358 --- /dev/null +++ b/static/assets/feed-inverted.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg b/static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg new file mode 100644 index 0000000000..8dd14424b5 --- /dev/null +++ b/static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg @@ -0,0 +1,322 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/fonts/fira-sans-v10-latin-300-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-300-inverted.svg new file mode 100644 index 0000000000..17349883f3 --- /dev/null +++ b/static/assets/fonts/fira-sans-v10-latin-300-inverted.svg @@ -0,0 +1,328 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/fonts/fira-sans-v10-latin-500-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-500-inverted.svg new file mode 100644 index 0000000000..fd63c00a57 --- /dev/null +++ b/static/assets/fonts/fira-sans-v10-latin-500-inverted.svg @@ -0,0 +1,329 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/fonts/fira-sans-v10-latin-800-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-800-inverted.svg new file mode 100644 index 0000000000..bc32da17ad --- /dev/null +++ b/static/assets/fonts/fira-sans-v10-latin-800-inverted.svg @@ -0,0 +1,328 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg new file mode 100644 index 0000000000..55ceba89b2 --- /dev/null +++ b/static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg @@ -0,0 +1,340 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg new file mode 100644 index 0000000000..1e520978de --- /dev/null +++ b/static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg @@ -0,0 +1,330 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/github-mark-inverted.svg b/static/assets/github-mark-inverted.svg new file mode 100644 index 0000000000..3ef9e52a55 --- /dev/null +++ b/static/assets/github-mark-inverted.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/assets/github-mark-white-inverted.svg b/static/assets/github-mark-white-inverted.svg new file mode 100644 index 0000000000..f82a0ca558 --- /dev/null +++ b/static/assets/github-mark-white-inverted.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/assets/github_grey-inverted.svg b/static/assets/github_grey-inverted.svg new file mode 100644 index 0000000000..b717237e23 --- /dev/null +++ b/static/assets/github_grey-inverted.svg @@ -0,0 +1,53 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/static/assets/hot_reloading-inverted.svg b/static/assets/hot_reloading-inverted.svg new file mode 100644 index 0000000000..c454f25f8e --- /dev/null +++ b/static/assets/hot_reloading-inverted.svg @@ -0,0 +1,118 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/icon-chevron-down-inverted.svg b/static/assets/icon-chevron-down-inverted.svg new file mode 100644 index 0000000000..43f2be7684 --- /dev/null +++ b/static/assets/icon-chevron-down-inverted.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/assets/icon-chevron-left-inverted.svg b/static/assets/icon-chevron-left-inverted.svg new file mode 100644 index 0000000000..37a16474d5 --- /dev/null +++ b/static/assets/icon-chevron-left-inverted.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/assets/icon-chevron-right-inverted.svg b/static/assets/icon-chevron-right-inverted.svg new file mode 100644 index 0000000000..363cc670a5 --- /dev/null +++ b/static/assets/icon-chevron-right-inverted.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/assets/icon-docs-dev-inverted.svg b/static/assets/icon-docs-dev-inverted.svg new file mode 100644 index 0000000000..9414ee0950 --- /dev/null +++ b/static/assets/icon-docs-dev-inverted.svg @@ -0,0 +1,235 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/icon-github-inverted.svg b/static/assets/icon-github-inverted.svg new file mode 100644 index 0000000000..3987ba5bc7 --- /dev/null +++ b/static/assets/icon-github-inverted.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/static/assets/icon-hamburger-inverted.svg b/static/assets/icon-hamburger-inverted.svg new file mode 100644 index 0000000000..1de103410c --- /dev/null +++ b/static/assets/icon-hamburger-inverted.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/static/assets/icon-pencil-inverted.svg b/static/assets/icon-pencil-inverted.svg new file mode 100644 index 0000000000..303e65abfc --- /dev/null +++ b/static/assets/icon-pencil-inverted.svg @@ -0,0 +1,4 @@ + + + + diff --git a/static/assets/itchio-textless-inverted.svg b/static/assets/itchio-textless-inverted.svg new file mode 100644 index 0000000000..bef5367297 --- /dev/null +++ b/static/assets/itchio-textless-inverted.svg @@ -0,0 +1 @@ + diff --git a/static/assets/mastodon-logo-purple-inverted.svg b/static/assets/mastodon-logo-purple-inverted.svg new file mode 100644 index 0000000000..fe21eb3f03 --- /dev/null +++ b/static/assets/mastodon-logo-purple-inverted.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + diff --git a/static/assets/migration-guides-inverted.svg b/static/assets/migration-guides-inverted.svg new file mode 100644 index 0000000000..770ace5c79 --- /dev/null +++ b/static/assets/migration-guides-inverted.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + diff --git a/static/assets/pager_next-inverted.svg b/static/assets/pager_next-inverted.svg new file mode 100644 index 0000000000..e3efa86840 --- /dev/null +++ b/static/assets/pager_next-inverted.svg @@ -0,0 +1,67 @@ + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/static/assets/pager_previous-inverted.svg b/static/assets/pager_previous-inverted.svg new file mode 100644 index 0000000000..3c3c7bf7d9 --- /dev/null +++ b/static/assets/pager_previous-inverted.svg @@ -0,0 +1,67 @@ + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/static/assets/platform-icons-inverted.svg b/static/assets/platform-icons-inverted.svg new file mode 100644 index 0000000000..c65cbc26ef --- /dev/null +++ b/static/assets/platform-icons-inverted.svg @@ -0,0 +1,67 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/static/assets/progressbar-inverted.svg b/static/assets/progressbar-inverted.svg new file mode 100644 index 0000000000..57f18c6dc4 --- /dev/null +++ b/static/assets/progressbar-inverted.svg @@ -0,0 +1,80 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/static/assets/reddit-inverted.svg b/static/assets/reddit-inverted.svg new file mode 100644 index 0000000000..4924d3e207 --- /dev/null +++ b/static/assets/reddit-inverted.svg @@ -0,0 +1,53 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/static/assets/render_graph-inverted.svg b/static/assets/render_graph-inverted.svg new file mode 100644 index 0000000000..7c8f905c96 --- /dev/null +++ b/static/assets/render_graph-inverted.svg @@ -0,0 +1,130 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/rust-logo-light-inverted.svg b/static/assets/rust-logo-light-inverted.svg new file mode 100644 index 0000000000..f1b7079a82 --- /dev/null +++ b/static/assets/rust-logo-light-inverted.svg @@ -0,0 +1,47 @@ + +image/svg+xml diff --git a/static/assets/sound-inverted.svg b/static/assets/sound-inverted.svg new file mode 100644 index 0000000000..df7be0f1fe --- /dev/null +++ b/static/assets/sound-inverted.svg @@ -0,0 +1,120 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/sponsor_badges/bronze-inverted.svg b/static/assets/sponsor_badges/bronze-inverted.svg new file mode 100644 index 0000000000..e1687ce3e4 --- /dev/null +++ b/static/assets/sponsor_badges/bronze-inverted.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/sponsor_badges/diamond-inverted.svg b/static/assets/sponsor_badges/diamond-inverted.svg new file mode 100644 index 0000000000..c02dd44111 --- /dev/null +++ b/static/assets/sponsor_badges/diamond-inverted.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/sponsor_badges/gold-inverted.svg b/static/assets/sponsor_badges/gold-inverted.svg new file mode 100644 index 0000000000..80c157feb6 --- /dev/null +++ b/static/assets/sponsor_badges/gold-inverted.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/sponsor_badges/patron-inverted.svg b/static/assets/sponsor_badges/patron-inverted.svg new file mode 100644 index 0000000000..d44aeeb4bf --- /dev/null +++ b/static/assets/sponsor_badges/patron-inverted.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/sponsor_badges/platinum-inverted.svg b/static/assets/sponsor_badges/platinum-inverted.svg new file mode 100644 index 0000000000..9844f5ba92 --- /dev/null +++ b/static/assets/sponsor_badges/platinum-inverted.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/sponsor_badges/silver-inverted.svg b/static/assets/sponsor_badges/silver-inverted.svg new file mode 100644 index 0000000000..20bd2b8eaf --- /dev/null +++ b/static/assets/sponsor_badges/silver-inverted.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/sponsor_badges/titanium-inverted.svg b/static/assets/sponsor_badges/titanium-inverted.svg new file mode 100644 index 0000000000..59e8033f82 --- /dev/null +++ b/static/assets/sponsor_badges/titanium-inverted.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg b/static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg new file mode 100644 index 0000000000..59cba8a1ce --- /dev/null +++ b/static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg @@ -0,0 +1,224 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/assets/twitter_grey-inverted.svg b/static/assets/twitter_grey-inverted.svg new file mode 100644 index 0000000000..5f8841d9c3 --- /dev/null +++ b/static/assets/twitter_grey-inverted.svg @@ -0,0 +1,53 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/static/assets/whats_a_bevy-inverted.svg b/static/assets/whats_a_bevy-inverted.svg new file mode 100644 index 0000000000..2068eb18d0 --- /dev/null +++ b/static/assets/whats_a_bevy-inverted.svg @@ -0,0 +1,208 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ? + + diff --git a/static/assets/youtube_grey-inverted.svg b/static/assets/youtube_grey-inverted.svg new file mode 100644 index 0000000000..4200316e25 --- /dev/null +++ b/static/assets/youtube_grey-inverted.svg @@ -0,0 +1,54 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/templates/index.html b/templates/index.html index d9a1a607ac..ed87374aec 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,11 +6,21 @@ {% endblock head_extensions %} {% block content %}
- Bevy logo + + + Bevy logo +
A refreshingly simple data-driven game engine built in Rust
@@ -299,7 +309,23 @@

Free and Open Source

Ready to start building Bevy apps? Get started fast with The Quick Start Guide!
- Bevy logo + + + Bevy logo + + diff --git a/templates/layouts/base.html b/templates/layouts/base.html index 4c090e4970..252153cfaa 100644 --- a/templates/layouts/base.html +++ b/templates/layouts/base.html @@ -112,11 +112,22 @@
{{ base_macros::page_header_message(section_or_page=section_or_page) }} From 73a3855e455c83c690df8348c4e727cbc2b4a78f Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Tue, 6 Aug 2024 16:18:02 -0400 Subject: [PATCH 06/40] wip: Replace card syntax theme background --- sass/_mixins.scss | 2 +- sass/_vars.scss | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/sass/_mixins.scss b/sass/_mixins.scss index 4f60e2960c..90a08974a4 100644 --- a/sass/_mixins.scss +++ b/sass/_mixins.scss @@ -3,7 +3,7 @@ overflow: hidden; border-radius: $border-radius; border: 2px solid #383838; - background-color: var(--syntax-theme-background); + background-color: var(--alt-syntax-theme-background); text-decoration: none; &:hover { diff --git a/sass/_vars.scss b/sass/_vars.scss index e98f6492e0..1e6b6ea8b8 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -70,6 +70,7 @@ $border-radius: 10px; --default-color: #ececec; --subtitle-color: #999; --syntax-theme-background: #2b2c2f; + --alt-syntax-theme-background: #2b2c2f; --syntax-theme-background-hover: #414247; --default-image-background-color: #1b1b1b; --card-hover-background: #2f3033; @@ -134,6 +135,7 @@ $border-radius: 10px; //--syntax-theme-background: #d3d0d4; //--syntax-theme-background-hover: #bdb8be; //--code: #383838; + --alt-syntax-theme-background: #d0d3d4; } From 8ce55b2a9c0268d6f7336a2b7e1bec7873d63a7c Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sat, 10 Aug 2024 09:18:23 -0400 Subject: [PATCH 07/40] wip: More images fixed --- sass/_vars.scss | 22 ++++++++++++++-------- sass/pages/_docs.scss | 5 ++++- 2 files changed, 18 insertions(+), 9 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index 1e6b6ea8b8..8d8143e249 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -46,8 +46,9 @@ $border-radius: 10px; --header-height: 72px; } - // todo -- swapped these for testing. change light to dark and vice versa when done + @media (prefers-color-scheme: dark) { + // dark theme -- original and default --color-black: #000; --color-blue: #4a6e91; --color-blue-lighter: #537ca3; @@ -57,6 +58,7 @@ $border-radius: 10px; --color-white-darker-40: #8d8d8d; --color-white-darker-20: #bcbcbc; --color-grey-800: #232326; + // header color, --color-grey-900: #1e1e22; --color-pink: #9f517a; --color-pink-lighter: #b35b89; @@ -87,21 +89,24 @@ $border-radius: 10px; --code: #c8c8c8; } + + @media (prefers-color-scheme: light) { + // 'color-black' and other names are usually inverted compared to white theme --color-black: #fff; - --color-blue: hsl(210, 32%, 47%); + --color-blue: hsl(210, 32%, 67%); --color-blue-lighter: hsl(209, 33%, 52%); --color-baby-blue: hsl(209, 100%, 35%); - --color-white: #090909; + --color-white: #030303; --color-white-darker-60: #a1a1a1; --color-white-darker-40: #727272; --color-white-darker-20: #434343; - --color-grey-800: #efeff4; - --color-grey-900: #f4f4f8; + --color-grey-800: #f4f4f8; + --color-grey-900: #efeff4; - --color-pink: hsl(328, 33%, 73%); + --color-pink: hsl(328, 33%, 77%); --color-pink-lighter: hsl(329, 37%, 67%); - --color-pink-barely-lighter: hsl(329, 33%, 68%); + --color-pink-barely-lighter: hsl(329, 33%, 73%); --color-gold: hsl(51, 60%, 56%); --headerbar-color: #1e1e22; @@ -111,7 +116,8 @@ $border-radius: 10px; --link-hover-shadow-color: hsla(231, 100%, 71%, 25%); --default-color: #090909; --subtitle-color: #666; - --default-image-background-color: #e4e4e4; + //--default-image-background-color: #e4e4e4; + --default-image-background-color: #2c2c2c; // originall 1b1b1b --card-hover-background: #cccfd0; --supporting-text: #2d2d2d; diff --git a/sass/pages/_docs.scss b/sass/pages/_docs.scss index 27e23bf7fe..76c21aa058 100644 --- a/sass/pages/_docs.scss +++ b/sass/pages/_docs.scss @@ -39,7 +39,10 @@ } .docs-whats-a-bevy { - background-color: #00000000 !important; + background-color: #00000000;// !important; + @media (prefers-color-scheme: light) { + filter: invert(100%); + } height: 2.4rem !important; border-radius: unset !important; } From 6b8c6032d4587e043ba4bf595f3600ee55901afb Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sat, 10 Aug 2024 09:18:38 -0400 Subject: [PATCH 08/40] TODOs.md-- dinky tracker for what's left --- TODOs.md | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 TODOs.md diff --git a/TODOs.md b/TODOs.md new file mode 100644 index 0000000000..89988b7787 --- /dev/null +++ b/TODOs.md @@ -0,0 +1,8 @@ +TODOs for the light mode theme: + +- [ ] Remove un-necessary `-inverted.svg` files +- [ ] Fix images: + - [ ] news/bevy-0-2/ charts + - [ ] /404.html + - [ ] news/introducing-bevy/ and other instances of `bevy_logo_dark.svg`. + - [ ] foundation From d71186b39c35c67ac5a00af6f7001d6e541d3139 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sat, 10 Aug 2024 09:52:44 -0400 Subject: [PATCH 09/40] TODOs.md-- Add all the news items --- TODOs.md | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/TODOs.md b/TODOs.md index 89988b7787..194578e9f4 100644 --- a/TODOs.md +++ b/TODOs.md @@ -2,7 +2,21 @@ TODOs for the light mode theme: - [ ] Remove un-necessary `-inverted.svg` files - [ ] Fix images: - - [ ] news/bevy-0-2/ charts - [ ] /404.html - - [ ] news/introducing-bevy/ and other instances of `bevy_logo_dark.svg`. + - [ ] news + - [ ] news/introducing-bevy/ + - [ ] and other instances of `bevy_logo_dark.svg`. + - [ ] news/bevys-second-birthday/ + - [ ] charts on news/bevy-0-2/, 0-3/, 0-4/, 0-5/, 0-6/, 0-8/, 0-12/, + - [ ] news/scaling-bevy-development/ + - [ ] news/bevys-third-birthday/ + - [ ] news/bevys-fourth-birthday/ + - [ ] news/community-reflection-on-bevys-third-year/ + - [ ] news/bevy-foundation/ - [ ] foundation +- [ ] Give the colors another pass; make it look good! + - [ ] Donate page + - [ ] Error/Warn/Info boxes + - [ ] The rest! +- [ ] Theme toggle: https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/ + From 17c199998b33f90de7ce8e12c6c8a9374c5bce5c Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sat, 10 Aug 2024 10:47:55 -0400 Subject: [PATCH 10/40] wip: Inverted charts in news to make them legible in light mode --- TODOs.md | 6 +++++- .../news/2020-08-10-introducing-bevy/index.md | 6 +++--- content/news/2020-09-19-bevy-0.2/index.md | 4 ++-- content/news/2020-11-03-bevy-0.3/index.md | 8 ++++---- content/news/2020-12-19-bevy-0.4/index.md | 8 ++++---- content/news/2021-04-06-bevy-0.5/index.md | 6 +++--- content/news/2022-01-08-bevy-0.6/index.md | 4 ++-- content/news/2022-07-30-bevy-0.8/index.md | 4 ++-- content/news/2023-11-04-bevy-0.12/index.md | 2 +- sass/_vars.scss | 17 +++++++++++++++++ 10 files changed, 43 insertions(+), 22 deletions(-) diff --git a/TODOs.md b/TODOs.md index 194578e9f4..47444d7cc4 100644 --- a/TODOs.md +++ b/TODOs.md @@ -1,5 +1,9 @@ TODOs for the light mode theme: +- [x] Invert SVGs +- [x] Invert most images +- [x] Get body text legible +- [x] Get all text legible - [ ] Remove un-necessary `-inverted.svg` files - [ ] Fix images: - [ ] /404.html @@ -7,7 +11,7 @@ TODOs for the light mode theme: - [ ] news/introducing-bevy/ - [ ] and other instances of `bevy_logo_dark.svg`. - [ ] news/bevys-second-birthday/ - - [ ] charts on news/bevy-0-2/, 0-3/, 0-4/, 0-5/, 0-6/, 0-8/, 0-12/, + - [x] charts on ~~news/bevy-0-2/, 0-3/, 0-4/, 0-5/, 0-6/, 0-8/, 0-12/, - [ ] news/scaling-bevy-development/ - [ ] news/bevys-third-birthday/ - [ ] news/bevys-fourth-birthday/ diff --git a/content/news/2020-08-10-introducing-bevy/index.md b/content/news/2020-08-10-introducing-bevy/index.md index 7b6a551cf9..e087ed0662 100644 --- a/content/news/2020-08-10-introducing-bevy/index.md +++ b/content/news/2020-08-10-introducing-bevy/index.md @@ -162,11 +162,11 @@ Bevy ECS does both of these things about as well as it can. According to the pop #### System Iteration (in nanoseconds, less is better) -![ecs iter performance graph](ecs_iter.svg) +ecs iter performance graph #### World Setup (in nanoseconds, less is better) -![ecs iter performance graph](ecs_build.svg) +ecs iter performance graph Note that `ecs_bench` is a single threaded benchmark, so it doesn't illustrate the multi-threading capabilities of these framework. And as always, please be aware that `ecs_bench` is a micro benchmark and it doesn't illustrate the performance of a complex game. There is a lot of nuance in the ECS performance space and each of the ECS implementations above will perform differently under different workloads. @@ -1198,4 +1198,4 @@ If any of this sounds interesting to you, I encourage you to check out [Bevy on I want Bevy to become a vibrant developer community ... thats actually why I chose the name! A Bevy is a group of birds, just like we are a group of game developers. Join the Bevy! - + diff --git a/content/news/2020-09-19-bevy-0.2/index.md b/content/news/2020-09-19-bevy-0.2/index.md index b5bc960f0e..3e09e611c5 100644 --- a/content/news/2020-09-19-bevy-0.2/index.md +++ b/content/news/2020-09-19-bevy-0.2/index.md @@ -32,11 +32,11 @@ We decided to resolve this problem by building a custom async-friendly task syst ### Total Combined Percent CPU Usage - 8 Core Machine (smaller is better) -![threading cpu usage 8 core](bevy_tasks_1.svg) +threading cpu usage 8 core ### Total Combined Percent CPU Usage - 32 Core Machine (smaller is better) -![threading cpu usage 32 core](bevy_tasks_2.svg) +threading cpu usage 32 core ## Initial Web Platform Support diff --git a/content/news/2020-11-03-bevy-0.3/index.md b/content/news/2020-11-03-bevy-0.3/index.md index 7d21c7856e..4e07a11fbe 100644 --- a/content/news/2020-11-03-bevy-0.3/index.md +++ b/content/news/2020-11-03-bevy-0.3/index.md @@ -279,7 +279,7 @@ Bevy had a number of nice performance improvements this release: Note: these numbers are for getting a component 100,000 times, not for an individual component lookup -![getting an entity's component](ecs_get_component.svg) +getting an entity's component This is where the big wins were. By removing locks and safety checks from Query systems, we were able to _significantly_ reduce the cost of retrieving a specific entity's component from within a system. @@ -300,15 +300,15 @@ Additionally, here are some relevant [ecs_bench_suite](https://github.com/rust-g #### Component Insertion (in microseconds, smaller is better) -![component insertion](ecs_simple_insert.svg) +component insertion #### Component Add/Remove (in milliseconds, smaller is better) -![component add/remove](ecs_add_remove.svg) +component add/remove #### Fragmented Iteration (in nanoseconds, smaller is better) -![fragmented iteration](ecs_frag_iter.svg) +fragmented iteration ### Thread Local Resources diff --git a/content/news/2020-12-19-bevy-0.4/index.md b/content/news/2020-12-19-bevy-0.4/index.md index 9d5540b4c1..27d6d94e7a 100644 --- a/content/news/2020-12-19-bevy-0.4/index.md +++ b/content/news/2020-12-19-bevy-0.4/index.md @@ -463,7 +463,7 @@ This _significantly_ reduces iterative compile times. Check out how long it take ### Time To Compile Change To 3d_scene Example (in seconds, less is better) -![fast_compiles](fast_compiles.svg) +fast_compiles We added a cargo feature to easily enable dynamic linking during development @@ -513,11 +513,11 @@ For the first optimization round, I incrementalized as much as I could: #### Frame Time to Draw 10,000 Static Sprites (in milliseconds, less is better) -![bevy_round1_static](bevy_round1_static.svg) +bevy_round1_static #### Frame Time to Draw 10,000 Moving Sprites (in milliseconds, less is better) -![bevy_round1_dynamic](bevy_round1_dynamic.svg) +bevy_round1_dynamic ### Optimize Text Rendering (and other immediate rendering) @@ -525,7 +525,7 @@ Text Rendering (and anything else that used the `SharedBuffers` immediate-render #### Frame Time to Draw "text_debug" Example (in milliseconds, less is better) -![text_rendering](text_rendering.svg) +text_rendering ### Mailbox Vsync diff --git a/content/news/2021-04-06-bevy-0.5/index.md b/content/news/2021-04-06-bevy-0.5/index.md index c0837892a8..9a0f8aae26 100644 --- a/content/news/2021-04-06-bevy-0.5/index.md +++ b/content/news/2021-04-06-bevy-0.5/index.md @@ -147,7 +147,7 @@ app.register_component( This benchmark illustrates adding and removing a single 4x4 matrix component 10,000 times from an entity that has 5 other 4x4 matrix components. The "other" components are included to help illustrate the cost of "table storage" (used by Bevy 0.4, Bevy 0.5 (Table), and Legion), which requires moving the "other" components to a new table. -![component add/remove](add_remove_big.svg) +component add/remove You may have noticed that **Bevy 0.5 (Table)** is also _way_ faster than **Bevy 0.4**, even though they both use "table storage". This is largely a result of the new [Archetype Graph](https://github.com/bevyengine/bevy/pull/1525), which significantly cuts the cost of archetype changes. @@ -181,7 +181,7 @@ We have achieved some pretty significant performance wins as a result of the new This benchmark runs a query that matches 5 entities within a single archetype and _doesn't_ match 100 other archetypes. This is a reasonable test of "real world" queries in games, which generally have many different entity "types", most of which _don't_ match a given query. This test uses "table storage" across the board. -![sparse_frag_iter](sparse_frag_iter.svg) +sparse_frag_iter **Bevy 0.5** marks a huge improvement for cases like this, thanks to the new "stateful queries". **Bevy 0.4** needs to check every archetype each time the iterator is run, whereas **Bevy 0.5** amortizes that cost to zero. @@ -189,7 +189,7 @@ This benchmark runs a query that matches 5 entities within a single archetype an This is the [ecs_bench_suite](https://github.com/rust-gamedev/ecs_bench_suite) `frag_iter` benchmark. It runs a query on 27 archetypes with 20 entities each. However unlike the "Sparse Fragmented Iterator Benchmark", there are no "unmatched" archetypes. This test uses "table storage" across the board. -![frag_iter](frag_iter.svg) +frag_iter The gains here compared to the last benchmark are smaller because there aren't any unmatched archetypes. However **Bevy 0.5** still gets a nice boost due to better iterator/query impls, amortizing the cost of matched archetypes to zero, and for_each iterators. diff --git a/content/news/2022-01-08-bevy-0.6/index.md b/content/news/2022-01-08-bevy-0.6/index.md index 4468b84ed2..e16a601426 100644 --- a/content/news/2022-01-08-bevy-0.6/index.md +++ b/content/news/2022-01-08-bevy-0.6/index.md @@ -105,7 +105,7 @@ As a quick callout, pipelined rendering doesn't _actually_ happen in parallel ye
authors: @cart
-![render graph](render_graph.svg) +render graph The New Bevy Renderer has a Render Graph, [much like the old Bevy renderer](/news/introducing-bevy/#render-graph). Render Graphs are a way to logically model GPU command construction in a modular way. Graph Nodes pass GPU resources like Textures and Buffers (and sometimes Entities) to each other, forming a directed acyclic graph. When a Graph Node runs, it uses its graph inputs and the Render World to construct GPU command lists. @@ -215,7 +215,7 @@ We also have big plans to make [`Material`] even better:
authors: Rob Swain (@superdump)
-[![view frustum](ViewFrustum.svg)](https://en.wikipedia.org/wiki/Viewing_frustum#/media/File:ViewFrustum.svg) +[view frustum](https://en.wikipedia.org/wiki/Viewing_frustum#/media/File:ViewFrustum.svg) Drawing things is expensive! It requires writing data from the CPU to the GPU, constructing draw calls, and running shaders. We can save a lot of time by _not_ drawing things that the camera can't see. "Frustum culling" is the act of excluding objects that are outside the bounds of the camera's "view frustum", to avoid wasting work drawing them. For large scenes, this can be the difference between a crisp 60 frames per second and chugging to a grinding halt. diff --git a/content/news/2022-07-30-bevy-0.8/index.md b/content/news/2022-07-30-bevy-0.8/index.md index 020453637e..28b2cef6d9 100644 --- a/content/news/2022-07-30-bevy-0.8/index.md +++ b/content/news/2022-07-30-bevy-0.8/index.md @@ -542,7 +542,7 @@ When possible, **Bevy 0.8** now uses "unstable sorts" (currently "radix sort"), ### many_cubes stress test "opaque phase" sort times (in milliseconds, less is better) -![unstable sort](unstable_sort.svg) +unstable sort ## Vertex Colors @@ -744,7 +744,7 @@ This new representation sped up schedule construction by ~30%! ### time to prepare and compute schedule with 100 systems (in milliseconds, less is better) -![label bench](label_bench.svg) +label bench This change also removed a number of trait requirements from our label derives: diff --git a/content/news/2023-11-04-bevy-0.12/index.md b/content/news/2023-11-04-bevy-0.12/index.md index 888d2f571e..3c323f0b1f 100644 --- a/content/news/2023-11-04-bevy-0.12/index.md +++ b/content/news/2023-11-04-bevy-0.12/index.md @@ -202,7 +202,7 @@ Most existing user-facing asset code will either require no changes at all, or m ### Asset Preprocessing -![image process diagram](image_process.png) +image process diagram Asset preprocessing is the ability to take an input asset of a given type, process it in some way (generally during development time), and then use the result as the final asset in your application. Think of it as an "asset compiler". diff --git a/sass/_vars.scss b/sass/_vars.scss index 8d8143e249..e407b9d342 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -88,6 +88,11 @@ $border-radius: 10px; --callout-color-warning: #fdfdec; --code: #c8c8c8; + .inverted { } + + .inverted-hue120 { } + + .inverted-hue240 { } } @@ -142,6 +147,18 @@ $border-radius: 10px; //--syntax-theme-background-hover: #bdb8be; //--code: #383838; --alt-syntax-theme-background: #d0d3d4; + + .inverted { + filter: invert(100%) hue-rotate(180deg); + } + + .inverted-hue120 { + filter: invert(100%) hue-rotate(1200deg); + } + + .inverted-hue240 { + filter: invert(100%) hue-rotate(240deg); + } } From 8a690a923dde9fa03a7b6bc48138cca8052fcb7d Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Fri, 16 Aug 2024 09:31:23 -0400 Subject: [PATCH 11/40] fix news bevy 0.12 --- content/news/2023-11-04-bevy-0.12/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/news/2023-11-04-bevy-0.12/index.md b/content/news/2023-11-04-bevy-0.12/index.md index 3c323f0b1f..ee77716df4 100644 --- a/content/news/2023-11-04-bevy-0.12/index.md +++ b/content/news/2023-11-04-bevy-0.12/index.md @@ -202,7 +202,7 @@ Most existing user-facing asset code will either require no changes at all, or m ### Asset Preprocessing -image process diagram +image process diagram Asset preprocessing is the ability to take an input asset of a given type, process it in some way (generally during development time), and then use the result as the final asset in your application. Think of it as an "asset compiler". From d54817624abb0cbb9239f360803a08223008bf27 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Fri, 16 Aug 2024 09:31:35 -0400 Subject: [PATCH 12/40] lightmode 404 --- templates/404.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/templates/404.html b/templates/404.html index c315fc3c64..ec8d97d7eb 100644 --- a/templates/404.html +++ b/templates/404.html @@ -6,6 +6,7 @@

404

Bevy logo + height="130" + class="inverted">
{% endblock content %} From 889937d2ca6b8ad9748e41f6d4e9e3ba08031f88 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Fri, 16 Aug 2024 09:31:48 -0400 Subject: [PATCH 13/40] lightmode hamburger menu --- templates/layouts/base.html | 26 +++++++++++++++++++------- 1 file changed, 19 insertions(+), 7 deletions(-) diff --git a/templates/layouts/base.html b/templates/layouts/base.html index 252153cfaa..190bba0c60 100644 --- a/templates/layouts/base.html +++ b/templates/layouts/base.html @@ -108,7 +108,8 @@ Three horizontal lines stacked on top of eachother + height="16" + class="inverted">
- +
{% block mobile_page_menu_switch %}{% endblock mobile_page_menu_switch %} From d3f24b69bf3f552bcabef93ccdd8e8ced43d0fa4 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sun, 18 Aug 2024 10:29:12 -0400 Subject: [PATCH 14/40] wip: Add dark background to news frontmatter --- TODOs.md | 28 ++++++++++--------- .../news/2023-05-17-bevy-webgpu/webgpu.svg | 6 ++-- .../index.md | 2 +- sass/_vars.scss | 2 +- sass/pages/_news.scss | 2 ++ 5 files changed, 21 insertions(+), 19 deletions(-) diff --git a/TODOs.md b/TODOs.md index 47444d7cc4..05524485f5 100644 --- a/TODOs.md +++ b/TODOs.md @@ -6,21 +6,23 @@ TODOs for the light mode theme: - [x] Get all text legible - [ ] Remove un-necessary `-inverted.svg` files - [ ] Fix images: - - [ ] /404.html - - [ ] news - - [ ] news/introducing-bevy/ - - [ ] and other instances of `bevy_logo_dark.svg`. - - [ ] news/bevys-second-birthday/ - - [x] charts on ~~news/bevy-0-2/, 0-3/, 0-4/, 0-5/, 0-6/, 0-8/, 0-12/, - - [ ] news/scaling-bevy-development/ - - [ ] news/bevys-third-birthday/ - - [ ] news/bevys-fourth-birthday/ - - [ ] news/community-reflection-on-bevys-third-year/ - - [ ] news/bevy-foundation/ - - [ ] foundation + - [x] Hamburger menu + - [x] /404.html + - [x] news + - [x] news/introducing-bevy/ + - [x] and other instances of `bevy_logo_dark.svg`. + - [x] charts on ~~news/bevy-0-2/, 0-3/, 0-4/, 0-5/, 0-6/, 0-8/, 0-12/~~, + - [x] news/community-reflection-on-bevys-third-year/ + - [x ] frontmatter + - Rather than individually addressing each image, I simply changed the CSS + - [ ] bevy birthday + - [ ] scaling bevy + - [ ] webgpu.svg + - [ ] foundation - [ ] Give the colors another pass; make it look good! - [ ] Donate page - [ ] Error/Warn/Info boxes - [ ] The rest! +- [ ] Merge in from `main` - [ ] Theme toggle: https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/ - +- [ ] Ping BD103 on the PR once it's ready: diff --git a/content/news/2023-05-17-bevy-webgpu/webgpu.svg b/content/news/2023-05-17-bevy-webgpu/webgpu.svg index ece6eb731c..a210bf4fd9 100644 --- a/content/news/2023-05-17-bevy-webgpu/webgpu.svg +++ b/content/news/2023-05-17-bevy-webgpu/webgpu.svg @@ -68,10 +68,8 @@ stroke: #0093ff; } - @media (prefers-color-scheme: dark) { - .cls-6 { - fill: #eeeeee; - } + .cls-6 { + fill: #eeeeee; } diff --git a/content/news/2023-09-21-community-reflection-on-bevys-third-year/index.md b/content/news/2023-09-21-community-reflection-on-bevys-third-year/index.md index 59c16b6fcb..a2de2f9ec1 100644 --- a/content/news/2023-09-21-community-reflection-on-bevys-third-year/index.md +++ b/content/news/2023-09-21-community-reflection-on-bevys-third-year/index.md @@ -57,4 +57,4 @@ Here is to another year of Bevy! \- [@cart](https://github.com/cart/) - + diff --git a/sass/_vars.scss b/sass/_vars.scss index e407b9d342..7819082103 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -30,7 +30,7 @@ $z-main-menu: 1000; $max-width: 1200px; $mobile-menu-width: 300px; $content-top-margin: 30px; -$border-radius: 10px; +$border-radius: 16px; // CSS Vars :root { diff --git a/sass/pages/_news.scss b/sass/pages/_news.scss index cabb2ecf0e..f53269150d 100644 --- a/sass/pages/_news.scss +++ b/sass/pages/_news.scss @@ -17,6 +17,8 @@ img { border-radius: $border-radius; max-width: 100%; + padding: $border-radius * 1.5; + background-color: #232326; } video { From 897f2ef309d444d6221c0eb68d3318ba02627596 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sun, 18 Aug 2024 10:45:11 -0400 Subject: [PATCH 15/40] wip: Fix misc colors here and there --- TODOs.md | 8 ++++---- sass/_vars.scss | 28 +++++++++++++++------------- sass/pages/_donate.scss | 3 ++- sass/pages/_foundation.scss | 3 +++ 4 files changed, 24 insertions(+), 18 deletions(-) diff --git a/TODOs.md b/TODOs.md index 05524485f5..84e561bf96 100644 --- a/TODOs.md +++ b/TODOs.md @@ -13,16 +13,16 @@ TODOs for the light mode theme: - [x] and other instances of `bevy_logo_dark.svg`. - [x] charts on ~~news/bevy-0-2/, 0-3/, 0-4/, 0-5/, 0-6/, 0-8/, 0-12/~~, - [x] news/community-reflection-on-bevys-third-year/ - - [x ] frontmatter + - [x] frontmatter - Rather than individually addressing each image, I simply changed the CSS - [ ] bevy birthday - [ ] scaling bevy - [ ] webgpu.svg - [ ] foundation - [ ] Give the colors another pass; make it look good! - - [ ] Donate page - - [ ] Error/Warn/Info boxes - - [ ] The rest! + - [x] Donate page + - [x] Error/Warn/Info boxes + - [x] The rest! - [ ] Merge in from `main` - [ ] Theme toggle: https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/ - [ ] Ping BD103 on the PR once it's ready: diff --git a/sass/_vars.scss b/sass/_vars.scss index 7819082103..b9703d0e4b 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -99,8 +99,8 @@ $border-radius: 16px; @media (prefers-color-scheme: light) { // 'color-black' and other names are usually inverted compared to white theme --color-black: #fff; - --color-blue: hsl(210, 32%, 67%); - --color-blue-lighter: hsl(209, 33%, 52%); + --color-blue: hsl(210, 45%, 77%); + --color-blue-lighter: hsl(209, 45%, 66%); --color-baby-blue: hsl(209, 100%, 35%); --color-white: #030303; --color-white-darker-60: #a1a1a1; @@ -109,9 +109,9 @@ $border-radius: 16px; --color-grey-800: #f4f4f8; --color-grey-900: #efeff4; - --color-pink: hsl(328, 33%, 77%); - --color-pink-lighter: hsl(329, 37%, 67%); - --color-pink-barely-lighter: hsl(329, 33%, 73%); + --color-pink: hsl(328, 50%, 77%); + --color-pink-lighter: hsl(329, 50%, 63%); + --color-pink-barely-lighter: hsl(329, 50%, 60%); --color-gold: hsl(51, 60%, 56%); --headerbar-color: #1e1e22; @@ -126,14 +126,16 @@ $border-radius: 16px; --card-hover-background: #cccfd0; --supporting-text: #2d2d2d; - --callout-accent-color-info: hsl(248, 72%, 43%); - --callout-bg-color-info: hsl(256, 28%, 79%); + --callout-accent-color-info: hsl(248, 72%, 63%); + --callout-bg-color-info: hsl(256, 28%, 89%); --callout-color-info: hsl(245, 60%, 04%); - --callout-accent-color-caution: hsl(346, 80%, 45%); - --callout-bg-color-caution: hsl(346, 60%, 78%); - --callout-color-caution: hsl(346, 42%, 12%); - --callout-accent-color-warning: hsl(46, 73%, 39%); - --callout-bg-color-warning: hsl(42, 93%, 84%); + + --callout-accent-color-caution: hsl(346, 90%, 49%); + --callout-bg-color-caution: hsl(346, 90%, 89%); + --callout-color-caution: hsl(346, 72%, 04%); + + --callout-accent-color-warning: hsl(46, 73%, 49%); + --callout-bg-color-warning: hsl(42, 93%, 89%); --callout-color-warning: hsl(60, 81%, 04%); // syntax theme note: @@ -149,7 +151,7 @@ $border-radius: 16px; --alt-syntax-theme-background: #d0d3d4; .inverted { - filter: invert(100%) hue-rotate(180deg); + filter: invert(90%) hue-rotate(180deg); } .inverted-hue120 { diff --git a/sass/pages/_donate.scss b/sass/pages/_donate.scss index 25f5e69dec..ad1a5dbddf 100644 --- a/sass/pages/_donate.scss +++ b/sass/pages/_donate.scss @@ -58,7 +58,7 @@ div.donate-sponsor { margin-top: 10px; font-size: 1.3rem; font-weight: 500; - color: rgb(200, 200, 200); + color: var(--color-white); } .donate-header-padding { @@ -119,6 +119,7 @@ div.donate-sponsor { position: relative; width: 280px; height: 134px; + background-color: var(--syntax-theme-background); &:hover { text-shadow: none !important; diff --git a/sass/pages/_foundation.scss b/sass/pages/_foundation.scss index 72d029763b..a6c8fb4f2a 100644 --- a/sass/pages/_foundation.scss +++ b/sass/pages/_foundation.scss @@ -7,4 +7,7 @@ max-width: 100%; margin-top: 2.2rem; margin-bottom: 0.8rem; + @media (prefers-color-scheme: light) { + filter: invert(80%); + } } From 19ad124c463822fca363bccb58e6d25f986ee318 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sun, 18 Aug 2024 10:54:59 -0400 Subject: [PATCH 16/40] wip: Clean up old files --- TODOs.md | 12 +- .../ecs_build-inverted.svg | 550 ------ .../ecs_iter-inverted.svg | 584 ------ .../balance-scale-inverted.svg | 53 - .../bevy_tasks_1-inverted.svg | 411 ----- .../bevy_tasks_2-inverted.svg | 484 ----- .../get_component-inverted.svg | 511 ------ .../ecs_add_remove-inverted.svg | 388 ---- .../ecs_frag_iter-inverted.svg | 355 ---- .../ecs_get_component-inverted.svg | 708 -------- .../ecs_simple_insert-inverted.svg | 355 ---- .../bevy_round1_dynamic-inverted.svg | 409 ----- .../bevy_round1_static-inverted.svg | 409 ----- .../fast_compiles-inverted.svg | 405 ----- .../text_rendering-inverted.svg | 337 ---- .../add_remove_big-inverted.svg | 496 ------ .../frag_iter-inverted.svg | 743 -------- .../sparse_frag_iter-inverted.svg | 690 -------- .../bevy_birthday-inverted.svg | 696 -------- .../improve-inverted.svg | 290 --- .../milestones-inverted.svg | 310 ---- .../next_year-inverted.svg | 389 ---- .../numbers-inverted.svg | 295 ---- .../proud-inverted.svg | 286 --- .../ViewFrustum-inverted.svg | 168 -- .../commands_perf-inverted.svg | 463 ----- .../pipelined_rendering-inverted.svg | 242 --- .../pipelined_rendering_stages-inverted.svg | 309 ---- .../render_graph-inverted.svg | 130 -- .../unpipelined_rendering-inverted.svg | 277 --- .../label_bench-inverted.svg | 381 ---- .../unstable_sort-inverted.svg | 524 ------ .../bevy_birthday-inverted.svg | 696 -------- .../improve-inverted.svg | 290 --- .../milestones-inverted.svg | 310 ---- .../next_year-inverted.svg | 389 ---- .../numbers-inverted.svg | 295 ---- .../proud-inverted.svg | 286 --- .../scaling_bevy-inverted.svg | 136 -- .../main_schedule_diagram-inverted.svg | 1572 ----------------- .../webgpu-inverted.svg | 113 -- .../ridge-light-view-1-inverted.svg | 61 - .../2023-07-09-bevy-0.11/webgpu-inverted.svg | 113 -- .../bevy_birthday-inverted.svg | 696 -------- .../improve-inverted.svg | 290 --- .../milestones-inverted.svg | 310 ---- .../next_year-inverted.svg | 389 ---- .../numbers-inverted.svg | 295 ---- .../proud-inverted.svg | 286 --- .../0.12-2DMeshes-inverted.svg | 3 - .../0.12-3DMeshes-inverted.svg | 3 - .../BatchedUniformBuffer-inverted.svg | 3 - .../DynamicUniformBuffer-inverted.svg | 3 - .../RenderSets-0.11-inverted.svg | 3 - .../RenderSets-0.12-inverted.svg | 3 - .../StorageBuffer-inverted.svg | 3 - .../better_batching-inverted.svg | 1 - .../rendering-perf-graph-inverted.svg | 1 - .../bevy_foundation-inverted.svg | 194 -- deletem.sh | 116 -- invert_stream.py | 14 - invertme.sh | 116 -- static/assets/bevy_foundation-inverted.svg | 194 -- static/assets/bevy_icon_dark-inverted.svg | 131 -- static/assets/bevy_logo_dark-inverted.svg | 159 -- static/assets/bevy_logo_docs-inverted.svg | 180 -- static/assets/book-inverted.svg | 144 -- static/assets/discord-inverted.svg | 1 - static/assets/ecs-inverted.svg | 356 ---- static/assets/error_icon-inverted.svg | 71 - static/assets/feed-inverted.svg | 1 - .../fira-mono-v8-latin-regular-inverted.svg | 322 ---- .../fira-sans-v10-latin-300-inverted.svg | 328 ---- .../fira-sans-v10-latin-500-inverted.svg | 329 ---- .../fira-sans-v10-latin-800-inverted.svg | 328 ---- .../fira-sans-v10-latin-italic-inverted.svg | 340 ---- .../fira-sans-v10-latin-regular-inverted.svg | 330 ---- static/assets/github-mark-inverted.svg | 1 - static/assets/github-mark-white-inverted.svg | 1 - static/assets/github_grey-inverted.svg | 53 - static/assets/hot_reloading-inverted.svg | 118 -- static/assets/icon-chevron-down-inverted.svg | 3 - static/assets/icon-chevron-left-inverted.svg | 3 - static/assets/icon-chevron-right-inverted.svg | 3 - static/assets/icon-docs-dev-inverted.svg | 235 --- static/assets/icon-github-inverted.svg | 10 - static/assets/icon-hamburger-inverted.svg | 5 - static/assets/icon-pencil-inverted.svg | 4 - static/assets/itchio-textless-inverted.svg | 1 - .../assets/mastodon-logo-purple-inverted.svg | 56 - static/assets/migration-guides-inverted.svg | 76 - static/assets/pager_next-inverted.svg | 67 - static/assets/pager_previous-inverted.svg | 67 - static/assets/platform-icons-inverted.svg | 67 - static/assets/progressbar-inverted.svg | 80 - static/assets/reddit-inverted.svg | 53 - static/assets/render_graph-inverted.svg | 130 -- static/assets/rust-logo-light-inverted.svg | 47 - static/assets/sound-inverted.svg | 120 -- .../assets/sponsor_badges/bronze-inverted.svg | 151 -- .../sponsor_badges/diamond-inverted.svg | 151 -- .../assets/sponsor_badges/gold-inverted.svg | 151 -- .../assets/sponsor_badges/patron-inverted.svg | 151 -- .../sponsor_badges/platinum-inverted.svg | 151 -- .../assets/sponsor_badges/silver-inverted.svg | 151 -- .../sponsor_badges/titanium-inverted.svg | 151 -- .../Foresight_Spatial_Labs-inverted.svg | 224 --- static/assets/twitter_grey-inverted.svg | 53 - static/assets/whats_a_bevy-inverted.svg | 208 --- static/assets/youtube_grey-inverted.svg | 54 - 110 files changed, 6 insertions(+), 25654 deletions(-) delete mode 100644 content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg delete mode 100644 content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg delete mode 100644 content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg delete mode 100644 content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg delete mode 100644 content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg delete mode 100644 content/news/2020-09-19-bevy-0.2/get_component-inverted.svg delete mode 100644 content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg delete mode 100644 content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg delete mode 100644 content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg delete mode 100644 content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg delete mode 100644 content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg delete mode 100644 content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg delete mode 100644 content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg delete mode 100644 content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg delete mode 100644 content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg delete mode 100644 content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg delete mode 100644 content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg delete mode 100644 content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg delete mode 100644 content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg delete mode 100644 content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg delete mode 100644 content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg delete mode 100644 content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg delete mode 100644 content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg delete mode 100644 content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg delete mode 100644 content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg delete mode 100644 content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg delete mode 100644 content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg delete mode 100644 content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg delete mode 100644 content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg delete mode 100644 content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg delete mode 100644 content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg delete mode 100644 content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg delete mode 100644 content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg delete mode 100644 content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg delete mode 100644 content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg delete mode 100644 content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg delete mode 100644 content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg delete mode 100644 content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg delete mode 100644 content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg delete mode 100644 content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg delete mode 100644 content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg delete mode 100644 content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg delete mode 100644 content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg delete mode 100644 content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg delete mode 100644 content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg delete mode 100644 content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg delete mode 100644 content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg delete mode 100644 content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg delete mode 100644 content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg delete mode 100644 content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg delete mode 100644 content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg delete mode 100644 content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg delete mode 100644 content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg delete mode 100644 content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg delete mode 100644 content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg delete mode 100644 content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg delete mode 100644 content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg delete mode 100644 content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg delete mode 100755 deletem.sh delete mode 100644 invert_stream.py delete mode 100755 invertme.sh delete mode 100644 static/assets/bevy_foundation-inverted.svg delete mode 100644 static/assets/bevy_icon_dark-inverted.svg delete mode 100644 static/assets/bevy_logo_dark-inverted.svg delete mode 100644 static/assets/bevy_logo_docs-inverted.svg delete mode 100644 static/assets/book-inverted.svg delete mode 100644 static/assets/discord-inverted.svg delete mode 100644 static/assets/ecs-inverted.svg delete mode 100644 static/assets/error_icon-inverted.svg delete mode 100644 static/assets/feed-inverted.svg delete mode 100644 static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg delete mode 100644 static/assets/fonts/fira-sans-v10-latin-300-inverted.svg delete mode 100644 static/assets/fonts/fira-sans-v10-latin-500-inverted.svg delete mode 100644 static/assets/fonts/fira-sans-v10-latin-800-inverted.svg delete mode 100644 static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg delete mode 100644 static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg delete mode 100644 static/assets/github-mark-inverted.svg delete mode 100644 static/assets/github-mark-white-inverted.svg delete mode 100644 static/assets/github_grey-inverted.svg delete mode 100644 static/assets/hot_reloading-inverted.svg delete mode 100644 static/assets/icon-chevron-down-inverted.svg delete mode 100644 static/assets/icon-chevron-left-inverted.svg delete mode 100644 static/assets/icon-chevron-right-inverted.svg delete mode 100644 static/assets/icon-docs-dev-inverted.svg delete mode 100644 static/assets/icon-github-inverted.svg delete mode 100644 static/assets/icon-hamburger-inverted.svg delete mode 100644 static/assets/icon-pencil-inverted.svg delete mode 100644 static/assets/itchio-textless-inverted.svg delete mode 100644 static/assets/mastodon-logo-purple-inverted.svg delete mode 100644 static/assets/migration-guides-inverted.svg delete mode 100644 static/assets/pager_next-inverted.svg delete mode 100644 static/assets/pager_previous-inverted.svg delete mode 100644 static/assets/platform-icons-inverted.svg delete mode 100644 static/assets/progressbar-inverted.svg delete mode 100644 static/assets/reddit-inverted.svg delete mode 100644 static/assets/render_graph-inverted.svg delete mode 100644 static/assets/rust-logo-light-inverted.svg delete mode 100644 static/assets/sound-inverted.svg delete mode 100644 static/assets/sponsor_badges/bronze-inverted.svg delete mode 100644 static/assets/sponsor_badges/diamond-inverted.svg delete mode 100644 static/assets/sponsor_badges/gold-inverted.svg delete mode 100644 static/assets/sponsor_badges/patron-inverted.svg delete mode 100644 static/assets/sponsor_badges/platinum-inverted.svg delete mode 100644 static/assets/sponsor_badges/silver-inverted.svg delete mode 100644 static/assets/sponsor_badges/titanium-inverted.svg delete mode 100644 static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg delete mode 100644 static/assets/twitter_grey-inverted.svg delete mode 100644 static/assets/whats_a_bevy-inverted.svg delete mode 100644 static/assets/youtube_grey-inverted.svg diff --git a/TODOs.md b/TODOs.md index 84e561bf96..c42f25611b 100644 --- a/TODOs.md +++ b/TODOs.md @@ -4,7 +4,7 @@ TODOs for the light mode theme: - [x] Invert most images - [x] Get body text legible - [x] Get all text legible -- [ ] Remove un-necessary `-inverted.svg` files +- [x] Remove un-necessary `-inverted.svg` files - [ ] Fix images: - [x] Hamburger menu - [x] /404.html @@ -15,11 +15,11 @@ TODOs for the light mode theme: - [x] news/community-reflection-on-bevys-third-year/ - [x] frontmatter - Rather than individually addressing each image, I simply changed the CSS - - [ ] bevy birthday - - [ ] scaling bevy - - [ ] webgpu.svg - - [ ] foundation -- [ ] Give the colors another pass; make it look good! + - [ ] ~~bevy birthday~~ + - [ ] ~~scaling bevy~~ + - [ ] ~~webgpu.svg~~ + - [ ] ~~foundation~~ +- [x] Give the colors another pass; make it look good! - [x] Donate page - [x] Error/Warn/Info boxes - [x] The rest! diff --git a/content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg b/content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg deleted file mode 100644 index 71476f79f4..0000000000 --- a/content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg +++ /dev/null @@ -1,550 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -hecsshipyardbevylegionspecs0100200300400500600 diff --git a/content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg b/content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg deleted file mode 100644 index 88955d1e92..0000000000 --- a/content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg +++ /dev/null @@ -1,584 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -bevylegionhecsspecsshipyard (packed)0500100015002000250030003500 diff --git a/content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg b/content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg deleted file mode 100644 index ea242fb4f0..0000000000 --- a/content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - diff --git a/content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg b/content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg deleted file mode 100644 index b679d9ec98..0000000000 --- a/content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg +++ /dev/null @@ -1,411 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg b/content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg deleted file mode 100644 index 52a8c3bb75..0000000000 --- a/content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg +++ /dev/null @@ -1,484 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-09-19-bevy-0.2/get_component-inverted.svg b/content/news/2020-09-19-bevy-0.2/get_component-inverted.svg deleted file mode 100644 index 2c231cbb78..0000000000 --- a/content/news/2020-09-19-bevy-0.2/get_component-inverted.svg +++ /dev/null @@ -1,511 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg b/content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg deleted file mode 100644 index 15a074324f..0000000000 --- a/content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg +++ /dev/null @@ -1,388 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg b/content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg deleted file mode 100644 index 4a0f95bc9e..0000000000 --- a/content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg +++ /dev/null @@ -1,355 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg b/content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg deleted file mode 100644 index 370103c3c3..0000000000 --- a/content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg +++ /dev/null @@ -1,708 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg b/content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg deleted file mode 100644 index d173930c3f..0000000000 --- a/content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg +++ /dev/null @@ -1,355 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg b/content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg deleted file mode 100644 index d2ce0cf04b..0000000000 --- a/content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg +++ /dev/null @@ -1,409 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg b/content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg deleted file mode 100644 index ccf03b7900..0000000000 --- a/content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg +++ /dev/null @@ -1,409 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg b/content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg deleted file mode 100644 index 09663bd652..0000000000 --- a/content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg +++ /dev/null @@ -1,405 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg b/content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg deleted file mode 100644 index 23b7d2664e..0000000000 --- a/content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg +++ /dev/null @@ -1,337 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg b/content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg deleted file mode 100644 index 200610ccd4..0000000000 --- a/content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg +++ /dev/null @@ -1,496 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg b/content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg deleted file mode 100644 index 8e096df7a4..0000000000 --- a/content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg +++ /dev/null @@ -1,743 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg b/content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg deleted file mode 100644 index 4743ba234a..0000000000 --- a/content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg +++ /dev/null @@ -1,690 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg deleted file mode 100644 index 01cea2f87b..0000000000 --- a/content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg +++ /dev/null @@ -1,696 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg deleted file mode 100644 index 0785a4a215..0000000000 --- a/content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg +++ /dev/null @@ -1,290 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg deleted file mode 100644 index 6ce1b9177e..0000000000 --- a/content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg +++ /dev/null @@ -1,310 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg deleted file mode 100644 index ff0bf96ab8..0000000000 --- a/content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg +++ /dev/null @@ -1,389 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg deleted file mode 100644 index ce43028d11..0000000000 --- a/content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg +++ /dev/null @@ -1,295 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg b/content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg deleted file mode 100644 index 91fce71661..0000000000 --- a/content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg +++ /dev/null @@ -1,286 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg b/content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg deleted file mode 100644 index 9257aebd0e..0000000000 --- a/content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg +++ /dev/null @@ -1,168 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg b/content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg deleted file mode 100644 index ffef025415..0000000000 --- a/content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg +++ /dev/null @@ -1,463 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg b/content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg deleted file mode 100644 index 1e12f5f931..0000000000 --- a/content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg +++ /dev/null @@ -1,242 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg b/content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg deleted file mode 100644 index 84df86d576..0000000000 --- a/content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg +++ /dev/null @@ -1,309 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg b/content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg deleted file mode 100644 index a68d3c13a6..0000000000 --- a/content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg +++ /dev/null @@ -1,130 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg b/content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg deleted file mode 100644 index b8f89460d7..0000000000 --- a/content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg +++ /dev/null @@ -1,277 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg b/content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg deleted file mode 100644 index 36e3a60df1..0000000000 --- a/content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg +++ /dev/null @@ -1,381 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg b/content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg deleted file mode 100644 index 7ba55dee05..0000000000 --- a/content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg +++ /dev/null @@ -1,524 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg deleted file mode 100644 index 01cea2f87b..0000000000 --- a/content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg +++ /dev/null @@ -1,696 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg deleted file mode 100644 index 0785a4a215..0000000000 --- a/content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg +++ /dev/null @@ -1,290 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg deleted file mode 100644 index 6ce1b9177e..0000000000 --- a/content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg +++ /dev/null @@ -1,310 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg deleted file mode 100644 index ff0bf96ab8..0000000000 --- a/content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg +++ /dev/null @@ -1,389 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg deleted file mode 100644 index ce43028d11..0000000000 --- a/content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg +++ /dev/null @@ -1,295 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg b/content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg deleted file mode 100644 index 91fce71661..0000000000 --- a/content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg +++ /dev/null @@ -1,286 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg b/content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg deleted file mode 100644 index a00db1389c..0000000000 --- a/content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg +++ /dev/null @@ -1,136 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg b/content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg deleted file mode 100644 index 790f48996c..0000000000 --- a/content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg +++ /dev/null @@ -1,1572 +0,0 @@ - - - - - - - - -clusternode_Set(0) - - -Update - - - - -clusternode_Set(2) - - -FirstFlush - - - - -clusternode_Set(3) - - -PreUpdateFlush - - - - -clusternode_Set(4) - - -UpdateFlush - - - - -clusternode_Set(5) - - -PostUpdateFlush - - - - -clusternode_Set(6) - - -LastFlush - - - - -clusternode_Set(7) - - -First - - - - -clusternode_Set(16) - - -TimeSystem - - - - -clusternode_Set(8) - - -PreUpdate - - - - -clusternode_Set(25) - - -InputSystem - - - - -clusternode_Set(121) - - -Focus - - - - -clusternode_Set(9) - - -StateTransitions - - - - -clusternode_Set(10) - - -FixedUpdate - - - - -clusternode_Set(11) - - -PostUpdate - - - - -clusternode_Set(20) - - -TransformPropagate - - - - -clusternode_Set(21) - - -PropagateTransformsSet - - - - -clusternode_Set(82) - - -CameraUpdateSystem - - - - -clusternode_Set(86) - - -CalculateBounds - - - - -clusternode_Set(87) - - -CalculateBoundsFlush - - - - -clusternode_Set(88) - - -UpdateOrthographicFrusta - - - - -clusternode_Set(89) - - -UpdatePerspectiveFrusta - - - - -clusternode_Set(90) - - -UpdateProjectionFrusta - - - - -clusternode_Set(91) - - -CheckVisibility - - - - -clusternode_Set(92) - - -VisibilityPropagate - - - - -clusternode_Set(122) - - -Flex - - - - -clusternode_Set(123) - - -Stack - - - - -clusternode_Set(137) - - -AddClusters - - - - -clusternode_Set(138) - - -AddClustersFlush - - - - -clusternode_Set(139) - - -AssignLightsToClusters - - - - -clusternode_Set(140) - - -CheckLightVisibility - - - - -clusternode_Set(141) - - -UpdateDirectionalLightCascades - - - - -clusternode_Set(142) - - -UpdateLightFrusta - - - - -clusternode_Set(12) - - -Last - - - - -clusternode_Set(59) - - -LoadAssets - - - - -clusternode_Set(60) - - -AssetEvents - - - - - - - -set_marker_node_Set(0)->set_marker_node_Set(4) - - - - - - - - -node_System(46) - - -close_when_requested - - - - - -node_System(55) - - -scene_spawner_system - - - - - -node_System(60) - - -handle_window_focus - - - - - -node_System(61) - - -window_closed - - - - - -node_System(60)->node_System(61) - - - -AccessKitAdapters - - - - - -node_System(62) - - -poll_receivers - - - - - -node_System(61)->node_System(62) - - - -WinitActionHandlers - - - - - -node_System(63) - - -update_accessibility_nodes - - - - - -node_System(61)->node_System(63) - - - -AccessKitAdapters - - - - - -node_System(102) - - -calc_bounds - - - - - -node_System(63)->node_System(102) - - - -AccessibilityNode - - - - - -node_System(103) - - -button_changed - - - - - -node_System(63)->node_System(103) - - - -AccessibilityNode - - - - - -node_System(104) - - -image_changed - - - - - -node_System(63)->node_System(104) - - - -AccessibilityNode - - - - - -node_System(105) - - -label_changed - - - - - -node_System(63)->node_System(105) - - - -AccessibilityNode - - - - - -node_System(102)->node_System(103) - - - -AccessibilityNode - - - - - -node_System(102)->node_System(104) - - - -AccessibilityNode - - - - - -node_System(102)->node_System(105) - - - -AccessibilityNode - - - - - -node_System(103)->node_System(104) - - - -AccessibilityNode - - - - - -node_System(103)->node_System(105) - - - -AccessibilityNode - - - - - -node_System(104)->node_System(105) - - - -AccessibilityNode - - - - - - - -set_marker_node_Set(2)->set_marker_node_Set(8) - - - - - - - - -node_System(0) - - -apply_system_buffers - - - - - - - -set_marker_node_Set(3)->set_marker_node_Set(9) - - - - - - - - -node_System(1) - - -apply_system_buffers - - - - - - -set_marker_node_Set(4)->set_marker_node_Set(11) - - - - - - - - -node_System(2) - - -apply_system_buffers - - - - - - - -set_marker_node_Set(5)->set_marker_node_Set(12) - - - - - - - - -node_System(3) - - -apply_system_buffers - - - - - - -node_System(4) - - -apply_system_buffers - - - - - - -set_marker_node_Set(7)->set_marker_node_Set(2) - - - - - - - - - -set_marker_node_Set(7)->set_marker_node_Set(59) - - - - - - - - - -node_System(8) - - -time_system - - - - - -set_marker_node_Set(8)->set_marker_node_Set(3) - - - - - - - - - -node_System(100) - - -ui_focus_system - - - - - -set_marker_node_Set(25)->node_System(100) - - - - - - - - -node_System(15) - - -keyboard_input_system - - - - - -node_System(19) - - -mouse_button_input_system - - - - - -node_System(24) - - -gamepad_event_system - - - - - -node_System(25) - - -gamepad_connection_system - - - - - -node_System(24)->node_System(25) - - - - - - - - -node_System(26) - - -gamepad_button_event_system - - - - - -node_System(24)->node_System(26) - - - - - - - - -node_System(27) - - -gamepad_axis_event_system - - - - - -node_System(24)->node_System(27) - - - - - - - - -node_System(25)->node_System(26) - - - - - - - - -node_System(25)->node_System(27) - - - - - - - - -node_System(29) - - -touch_screen_input_system - - - - - - -node_System(47) - - -free_unused_assets_system - - - - - -node_System(56) - - -scene_spawner - - - - - -node_System(143) - - -gilrs_event_system - - - - - -node_System(143)->set_marker_node_Set(25) - - - - - - - - - -set_marker_node_Set(9)->set_marker_node_Set(10) - - - - - - - - -set_marker_node_Set(10)->set_marker_node_Set(0) - - - - - - - - -node_System(9) - - -run_fixed_update_schedule - - - - - -set_marker_node_Set(11)->set_marker_node_Set(5) - - - - - - - - - -set_marker_node_Set(11)->set_marker_node_Set(60) - - - - - - - - - -node_System(73) - - -update_frusta<OrthographicProjection> - - - - - -set_marker_node_Set(20)->node_System(73) - - - - - - - - -node_System(74) - - -update_frusta<PerspectiveProjection> - - - - - -set_marker_node_Set(20)->node_System(74) - - - - - - - - -node_System(75) - - -update_frusta<Projection> - - - - - -set_marker_node_Set(20)->node_System(75) - - - - - - - - -node_System(77) - - -check_visibility - - - - - -set_marker_node_Set(20)->node_System(77) - - - - - - - - -node_System(115) - - -assign_lights_to_clusters - - - - - -set_marker_node_Set(20)->node_System(115) - - - - - - - - -node_System(120) - - -check_light_mesh_visibility - - - - - -set_marker_node_Set(20)->node_System(120) - - - - - - - - -node_System(116) - - -update_directional_light_cascades - - - - - -set_marker_node_Set(20)->node_System(116) - - - - - - - - -node_System(117) - - -update_directional_light_frusta - - - - - -set_marker_node_Set(20)->node_System(117) - - - - - - - - -node_System(118) - - -update_point_light_frusta - - - - - -set_marker_node_Set(20)->node_System(118) - - - - - - - - -node_System(119) - - -update_spot_light_frusta - - - - - -set_marker_node_Set(20)->node_System(119) - - - - - - - - -node_System(109) - - -update_clipping_system - - - - - -set_marker_node_Set(20)->node_System(109) - - - - - - - - - -node_System(12) - - -propagate_transforms - - - - - -node_System(11) - - -sync_simple_transforms - - - - - - -set_marker_node_Set(82)->node_System(115) - - - - - - - - -set_marker_node_Set(82)->node_System(116) - - - - - - - - -node_System(68) - - -camera_system<Projection> - - - - - -node_System(68)->node_System(75) - - - - - - - - -node_System(69) - - -camera_system<OrthographicProjection> - - - - - -node_System(69)->node_System(73) - - - - - - - - -node_System(70) - - -camera_system<PerspectiveProjection> - - - - - -node_System(70)->node_System(74) - - - - - - - - - - -set_marker_node_Set(86)->set_marker_node_Set(87) - - - - - - - - -node_System(72) - - -calculate_bounds - - - - - -set_marker_node_Set(87)->node_System(77) - - - - - - - - -set_marker_node_Set(87)->node_System(120) - - - - - - - - -node_System(71) - - -apply_system_buffers - - - - - - -set_marker_node_Set(88)->node_System(77) - - - - - - - - - -set_marker_node_Set(89)->node_System(77) - - - - - - - - - -set_marker_node_Set(90)->node_System(77) - - - - - - - - - -set_marker_node_Set(91)->node_System(115) - - - - - - - - -set_marker_node_Set(91)->node_System(120) - - - - - - - - -set_marker_node_Set(91)->node_System(117) - - - - - - - - - -set_marker_node_Set(92)->node_System(77) - - - - - - - - -node_System(76) - - -visibility_propagate_system - - - - - - -node_System(107) - - -flex_node_system - - - - - -node_System(107)->set_marker_node_Set(20) - - - - - - - - -node_System(147) - - -animation_player - - - - - -node_System(107)->node_System(147) - - - -Transform - - - - - - -node_System(108) - - -ui_stack_system - - - - - - - -set_marker_node_Set(137)->set_marker_node_Set(138) - - - - - - - - -node_System(113) - - -add_clusters - - - - - - -set_marker_node_Set(138)->set_marker_node_Set(139) - - - - - - - - -node_System(114) - - -apply_system_buffers - - - - - -set_marker_node_Set(139)->node_System(118) - - - - - - - - -set_marker_node_Set(139)->node_System(119) - - - - - - - - - - -set_marker_node_Set(141)->node_System(117) - - - - - - - - - -set_marker_node_Set(142)->node_System(120) - - - - - - - - -node_System(45) - - -exit_on_all_closed - - - - - -node_System(99) - - -update_text2d_layout - - - - - -node_System(101) - - -text_system - - - - - -node_System(101)->set_marker_node_Set(122) - - - - - - - - -node_System(106) - - -update_image_calculated_size_system - - - - - -node_System(106)->set_marker_node_Set(122) - - - - - - - - -node_System(142) - - -play_queued_audio_system<AudioSource> - - - - - -node_System(147)->set_marker_node_Set(20) - - - - - - - - -set_marker_node_Set(12)->set_marker_node_Set(6) - - - - - - - - -node_System(6) - - -tick_global_task_pools - - - - - -node_System(7) - - -update_frame_count - - - - - -node_System(10) - - -check_hierarchy_component_has_valid_parent<GlobalTransform> - - - - - -node_System(57) - - -changed_window - - - - - -node_System(58) - - -despawn_window - - - - - -node_System(57)->node_System(58) - - - - - - - - -node_System(67) - - -check_hierarchy_component_has_valid_parent<ComputedVisibility> - - - - - -set_marker_node_Set(59)->set_marker_node_Set(8) - - - - - - - - -node_System(48) - - -filesystem_watcher_system - - - - - -set_marker_node_Set(60)->set_marker_node_Set(12) - - - - - - - - \ No newline at end of file diff --git a/content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg b/content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg deleted file mode 100644 index 26637929af..0000000000 --- a/content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg +++ /dev/null @@ -1,113 +0,0 @@ - - diff --git a/content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg b/content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg deleted file mode 100644 index d170f101a9..0000000000 --- a/content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg +++ /dev/null @@ -1,61 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Normal mapping - Normal & parallax mapping - - - diff --git a/content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg b/content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg deleted file mode 100644 index f8aacc4148..0000000000 --- a/content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg +++ /dev/null @@ -1,113 +0,0 @@ - - diff --git a/content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg deleted file mode 100644 index 01cea2f87b..0000000000 --- a/content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg +++ /dev/null @@ -1,696 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg deleted file mode 100644 index 0785a4a215..0000000000 --- a/content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg +++ /dev/null @@ -1,290 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg deleted file mode 100644 index 6ce1b9177e..0000000000 --- a/content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg +++ /dev/null @@ -1,310 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg deleted file mode 100644 index ff0bf96ab8..0000000000 --- a/content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg +++ /dev/null @@ -1,389 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg deleted file mode 100644 index ce43028d11..0000000000 --- a/content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg +++ /dev/null @@ -1,295 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg b/content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg deleted file mode 100644 index 91fce71661..0000000000 --- a/content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg +++ /dev/null @@ -1,286 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg b/content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg deleted file mode 100644 index d557f4a8aa..0000000000 --- a/content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - -
0.11: 10.8 fps
0.11: 10.8 fps
0.12: 33.2 fps
0.12: 33.2 fpsText is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg b/content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg deleted file mode 100644 index 3fad8d3253..0000000000 --- a/content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - -
0.11: 100 fps
0.11: 100 fps
0.12: 210 fps
0.12: 210 fpsText is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg b/content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg deleted file mode 100644 index 03daeabb73..0000000000 --- a/content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - -
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
10
10
11
11Text is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg b/content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg deleted file mode 100644 index 6494f6f05c..0000000000 --- a/content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - -
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9Text is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg b/content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg deleted file mode 100644 index 097b9e9359..0000000000 --- a/content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - -
Extract
Extract
Queue
Queue
Sort
/ Batch
Sort...
Prepare
Prepare
Render
RenderText is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg b/content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg deleted file mode 100644 index 78443b6a88..0000000000 --- a/content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - -
Extract
Extract
Queue
Queue
Sort
Sort
Prepare / Batch
Prepare / Batch
Prepare Resources
Prepare Resou...
Prepare
Bind Groups
Prepare...
Render
Render
Prepare
Assets
Prepare...Text is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg b/content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg deleted file mode 100644 index 23cdd10d7a..0000000000 --- a/content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - -
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
10
10
11
11
12
12Text is not SVG - cannot display \ No newline at end of file diff --git a/content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg b/content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg deleted file mode 100644 index a79a8fcbd9..0000000000 --- a/content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg b/content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg deleted file mode 100644 index c77fa786f6..0000000000 --- a/content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg b/content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg deleted file mode 100644 index c071833170..0000000000 --- a/content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/deletem.sh b/deletem.sh deleted file mode 100755 index 22a72e893c..0000000000 --- a/deletem.sh +++ /dev/null @@ -1,116 +0,0 @@ -rm ./content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg -rm ./content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg -rm ./content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg -rm ./content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg -rm ./content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg -rm ./content/news/2020-09-19-bevy-0.2/get_component-inverted.svg -rm ./content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg -rm ./content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg -rm ./content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg -rm ./content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg -rm ./content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg -rm ./content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg -rm ./content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg -rm ./content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg -rm ./content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg -rm ./content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg -rm ./content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg -rm ./content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg -rm ./content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg -rm ./content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg -rm ./content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg -rm ./content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg -rm ./content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg -rm ./content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg -rm ./content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg -rm ./content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg -rm ./content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg -rm ./content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg -rm ./content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg -rm ./content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg -rm ./content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg -rm ./content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg -rm ./content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg -rm ./content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg -rm ./content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg -rm ./content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg -rm ./content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg -rm ./content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg -rm ./content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg -rm ./content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg -rm ./content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg -rm ./content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg -rm ./content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg -rm ./content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg -rm ./content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg -rm ./content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg -rm ./content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg -rm ./content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg -rm ./content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg -rm ./content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg -rm ./content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg -rm ./content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg -rm ./content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg -rm ./content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg -rm ./content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg -rm ./content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg -rm ./content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg -rm ./content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg -rm ./static/assets/bevy_foundation-inverted.svg -rm ./static/assets/bevy_icon_dark-inverted.svg -rm ./static/assets/bevy_logo_dark-inverted.svg -rm ./static/assets/bevy_logo_docs-inverted.svg -rm ./static/assets/bevy_ui-inverted.svg -rm ./static/assets/book-inverted.svg -rm ./static/assets/discord-inverted.svg -rm ./static/assets/ecs-inverted.svg -rm ./static/assets/error_icon-inverted.svg -rm ./static/assets/feed-inverted.svg -rm ./static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg -rm ./static/assets/fonts/fira-sans-v10-latin-300-inverted.svg -rm ./static/assets/fonts/fira-sans-v10-latin-500-inverted.svg -rm ./static/assets/fonts/fira-sans-v10-latin-800-inverted.svg -rm ./static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg -rm ./static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg -rm ./static/assets/github-inverted.svg -rm ./static/assets/github-mark-inverted.svg -rm ./static/assets/github-mark-white-inverted.svg -rm ./static/assets/github_grey-inverted.svg -rm ./static/assets/heart-inverted.svg -rm ./static/assets/hot_reloading-inverted.svg -rm ./static/assets/icon-chevron-down-inverted.svg -rm ./static/assets/icon-chevron-left-inverted.svg -rm ./static/assets/icon-chevron-right-inverted.svg -rm ./static/assets/icon-docs-dev-inverted.svg -rm ./static/assets/icon-github-inverted.svg -rm ./static/assets/icon-hamburger-inverted.svg -rm ./static/assets/icon-pencil-inverted.svg -rm ./static/assets/icon-times-inverted.svg -rm ./static/assets/itchio-textless-inverted.svg -rm ./static/assets/mastodon-logo-purple-inverted.svg -rm ./static/assets/migration-guides-inverted.svg -rm ./static/assets/opensource-inverted.svg -rm ./static/assets/pager_next-inverted.svg -rm ./static/assets/pager_previous-inverted.svg -rm ./static/assets/people-inverted.svg -rm ./static/assets/platform-icons-inverted.svg -rm ./static/assets/progressbar-inverted.svg -rm ./static/assets/q_and_a-inverted.svg -rm ./static/assets/reddit-inverted.svg -rm ./static/assets/render_graph-inverted.svg -rm ./static/assets/rust-logo-light-inverted.svg -rm ./static/assets/scene-inverted.svg -rm ./static/assets/sound-inverted.svg -rm ./static/assets/sponsor_badges/bronze-inverted.svg -rm ./static/assets/sponsor_badges/diamond-inverted.svg -rm ./static/assets/sponsor_badges/gold-inverted.svg -rm ./static/assets/sponsor_badges/patron-inverted.svg -rm ./static/assets/sponsor_badges/platinum-inverted.svg -rm ./static/assets/sponsor_badges/silver-inverted.svg -rm ./static/assets/sponsor_badges/titanium-inverted.svg -rm ./static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg -rm ./static/assets/twitter-inverted.svg -rm ./static/assets/twitter_grey-inverted.svg -rm ./static/assets/whats_a_bevy-inverted.svg -rm ./static/assets/youtube-inverted.svg -rm ./static/assets/youtube_grey-inverted.svg diff --git a/invert_stream.py b/invert_stream.py deleted file mode 100644 index 9bb066ba6f..0000000000 --- a/invert_stream.py +++ /dev/null @@ -1,14 +0,0 @@ -import sys -import re - -def expand_hex(hexcode): return (''.join([c * 2 for c in hexcode]) if len(hexcode) in (3, 4) else hexcode) -def invert_hex(hexcode): return '{:06X}'.format(0xFFFFFF - int(hexcode, 16)) - -if __name__ == "__main__": - pattern = re.compile(r'#([0-9a-fA-F]{3}([0-9a-fA-F]{1,5})?)\b') - sys.stdout.write( - pattern.sub( - lambda mm: '#' + invert_hex(expand_hex(mm.group(1))), - sys.stdin.read() - ) - ) diff --git a/invertme.sh b/invertme.sh deleted file mode 100755 index 477cec4b40..0000000000 --- a/invertme.sh +++ /dev/null @@ -1,116 +0,0 @@ -python3 invert_stream.py < content/news/2020-08-10-introducing-bevy/ecs_build.svg > content/news/2020-08-10-introducing-bevy/ecs_build-inverted.svg -python3 invert_stream.py < content/news/2020-08-10-introducing-bevy/ecs_iter.svg > content/news/2020-08-10-introducing-bevy/ecs_iter-inverted.svg -python3 invert_stream.py < content/news/2020-08-19-scaling-bevy/balance-scale.svg > content/news/2020-08-19-scaling-bevy/balance-scale-inverted.svg -python3 invert_stream.py < content/news/2020-09-19-bevy-0.2/bevy_tasks_1.svg > content/news/2020-09-19-bevy-0.2/bevy_tasks_1-inverted.svg -python3 invert_stream.py < content/news/2020-09-19-bevy-0.2/bevy_tasks_2.svg > content/news/2020-09-19-bevy-0.2/bevy_tasks_2-inverted.svg -python3 invert_stream.py < content/news/2020-09-19-bevy-0.2/get_component.svg > content/news/2020-09-19-bevy-0.2/get_component-inverted.svg -python3 invert_stream.py < content/news/2020-11-03-bevy-0.3/ecs_add_remove.svg > content/news/2020-11-03-bevy-0.3/ecs_add_remove-inverted.svg -python3 invert_stream.py < content/news/2020-11-03-bevy-0.3/ecs_frag_iter.svg > content/news/2020-11-03-bevy-0.3/ecs_frag_iter-inverted.svg -python3 invert_stream.py < content/news/2020-11-03-bevy-0.3/ecs_get_component.svg > content/news/2020-11-03-bevy-0.3/ecs_get_component-inverted.svg -python3 invert_stream.py < content/news/2020-11-03-bevy-0.3/ecs_simple_insert.svg > content/news/2020-11-03-bevy-0.3/ecs_simple_insert-inverted.svg -python3 invert_stream.py < content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic.svg > content/news/2020-12-19-bevy-0.4/bevy_round1_dynamic-inverted.svg -python3 invert_stream.py < content/news/2020-12-19-bevy-0.4/bevy_round1_static.svg > content/news/2020-12-19-bevy-0.4/bevy_round1_static-inverted.svg -python3 invert_stream.py < content/news/2020-12-19-bevy-0.4/fast_compiles.svg > content/news/2020-12-19-bevy-0.4/fast_compiles-inverted.svg -python3 invert_stream.py < content/news/2020-12-19-bevy-0.4/text_rendering.svg > content/news/2020-12-19-bevy-0.4/text_rendering-inverted.svg -python3 invert_stream.py < content/news/2021-04-06-bevy-0.5/add_remove_big.svg > content/news/2021-04-06-bevy-0.5/add_remove_big-inverted.svg -python3 invert_stream.py < content/news/2021-04-06-bevy-0.5/frag_iter.svg > content/news/2021-04-06-bevy-0.5/frag_iter-inverted.svg -python3 invert_stream.py < content/news/2021-04-06-bevy-0.5/sparse_frag_iter.svg > content/news/2021-04-06-bevy-0.5/sparse_frag_iter-inverted.svg -python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/bevy_birthday.svg > content/news/2021-08-10-bevys-first-birthday/bevy_birthday-inverted.svg -python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/improve.svg > content/news/2021-08-10-bevys-first-birthday/improve-inverted.svg -python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/milestones.svg > content/news/2021-08-10-bevys-first-birthday/milestones-inverted.svg -python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/next_year.svg > content/news/2021-08-10-bevys-first-birthday/next_year-inverted.svg -python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/numbers.svg > content/news/2021-08-10-bevys-first-birthday/numbers-inverted.svg -python3 invert_stream.py < content/news/2021-08-10-bevys-first-birthday/proud.svg > content/news/2021-08-10-bevys-first-birthday/proud-inverted.svg -python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/ViewFrustum.svg > content/news/2022-01-08-bevy-0.6/ViewFrustum-inverted.svg -python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/commands_perf.svg > content/news/2022-01-08-bevy-0.6/commands_perf-inverted.svg -python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/pipelined_rendering.svg > content/news/2022-01-08-bevy-0.6/pipelined_rendering-inverted.svg -python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages.svg > content/news/2022-01-08-bevy-0.6/pipelined_rendering_stages-inverted.svg -python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/render_graph.svg > content/news/2022-01-08-bevy-0.6/render_graph-inverted.svg -python3 invert_stream.py < content/news/2022-01-08-bevy-0.6/unpipelined_rendering.svg > content/news/2022-01-08-bevy-0.6/unpipelined_rendering-inverted.svg -python3 invert_stream.py < content/news/2022-07-30-bevy-0.8/label_bench.svg > content/news/2022-07-30-bevy-0.8/label_bench-inverted.svg -python3 invert_stream.py < content/news/2022-07-30-bevy-0.8/unstable_sort.svg > content/news/2022-07-30-bevy-0.8/unstable_sort-inverted.svg -python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/bevy_birthday.svg > content/news/2022-08-10-bevys-second-birthday/bevy_birthday-inverted.svg -python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/improve.svg > content/news/2022-08-10-bevys-second-birthday/improve-inverted.svg -python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/milestones.svg > content/news/2022-08-10-bevys-second-birthday/milestones-inverted.svg -python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/next_year.svg > content/news/2022-08-10-bevys-second-birthday/next_year-inverted.svg -python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/numbers.svg > content/news/2022-08-10-bevys-second-birthday/numbers-inverted.svg -python3 invert_stream.py < content/news/2022-08-10-bevys-second-birthday/proud.svg > content/news/2022-08-10-bevys-second-birthday/proud-inverted.svg -python3 invert_stream.py < content/news/2023-01-14-scaling-bevy-development/scaling_bevy.svg > content/news/2023-01-14-scaling-bevy-development/scaling_bevy-inverted.svg -python3 invert_stream.py < content/news/2023-03-06-bevy-0.10/main_schedule_diagram.svg > content/news/2023-03-06-bevy-0.10/main_schedule_diagram-inverted.svg -python3 invert_stream.py < content/news/2023-05-17-bevy-webgpu/webgpu.svg > content/news/2023-05-17-bevy-webgpu/webgpu-inverted.svg -python3 invert_stream.py < content/news/2023-07-09-bevy-0.11/ridge-light-view-1.svg > content/news/2023-07-09-bevy-0.11/ridge-light-view-1-inverted.svg -python3 invert_stream.py < content/news/2023-07-09-bevy-0.11/webgpu.svg > content/news/2023-07-09-bevy-0.11/webgpu-inverted.svg -python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/bevy_birthday.svg > content/news/2023-08-10-bevys-third-birthday/bevy_birthday-inverted.svg -python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/improve.svg > content/news/2023-08-10-bevys-third-birthday/improve-inverted.svg -python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/milestones.svg > content/news/2023-08-10-bevys-third-birthday/milestones-inverted.svg -python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/next_year.svg > content/news/2023-08-10-bevys-third-birthday/next_year-inverted.svg -python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/numbers.svg > content/news/2023-08-10-bevys-third-birthday/numbers-inverted.svg -python3 invert_stream.py < content/news/2023-08-10-bevys-third-birthday/proud.svg > content/news/2023-08-10-bevys-third-birthday/proud-inverted.svg -python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/0.12-2DMeshes.svg > content/news/2023-11-04-bevy-0.12/0.12-2DMeshes-inverted.svg -python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/0.12-3DMeshes.svg > content/news/2023-11-04-bevy-0.12/0.12-3DMeshes-inverted.svg -python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer.svg > content/news/2023-11-04-bevy-0.12/BatchedUniformBuffer-inverted.svg -python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer.svg > content/news/2023-11-04-bevy-0.12/DynamicUniformBuffer-inverted.svg -python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/RenderSets-0.11.svg > content/news/2023-11-04-bevy-0.12/RenderSets-0.11-inverted.svg -python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/RenderSets-0.12.svg > content/news/2023-11-04-bevy-0.12/RenderSets-0.12-inverted.svg -python3 invert_stream.py < content/news/2023-11-04-bevy-0.12/StorageBuffer.svg > content/news/2023-11-04-bevy-0.12/StorageBuffer-inverted.svg -python3 invert_stream.py < content/news/2024-02-17-bevy-0.13/better_batching.svg > content/news/2024-02-17-bevy-0.13/better_batching-inverted.svg -python3 invert_stream.py < content/news/2024-02-17-bevy-0.13/rendering-perf-graph.svg > content/news/2024-02-17-bevy-0.13/rendering-perf-graph-inverted.svg -python3 invert_stream.py < content/news/2024-03-11-bevy-foundation/bevy_foundation.svg > content/news/2024-03-11-bevy-foundation/bevy_foundation-inverted.svg -python3 invert_stream.py < static/assets/bevy_foundation.svg > static/assets/bevy_foundation-inverted.svg -python3 invert_stream.py < static/assets/bevy_icon_dark.svg > static/assets/bevy_icon_dark-inverted.svg -python3 invert_stream.py < static/assets/bevy_logo_dark.svg > static/assets/bevy_logo_dark-inverted.svg -python3 invert_stream.py < static/assets/bevy_logo_docs.svg > static/assets/bevy_logo_docs-inverted.svg -python3 invert_stream.py < static/assets/bevy_ui.svg > static/assets/bevy_ui.svg -python3 invert_stream.py < static/assets/book.svg > static/assets/book-inverted.svg -python3 invert_stream.py < static/assets/discord.svg > static/assets/discord-inverted.svg -python3 invert_stream.py < static/assets/ecs.svg > static/assets/ecs-inverted.svg -python3 invert_stream.py < static/assets/error_icon.svg > static/assets/error_icon-inverted.svg -python3 invert_stream.py < static/assets/feed.svg > static/assets/feed-inverted.svg -python3 invert_stream.py < static/assets/fonts/fira-mono-v8-latin-regular.svg > static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg -python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-300.svg > static/assets/fonts/fira-sans-v10-latin-300-inverted.svg -python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-500.svg > static/assets/fonts/fira-sans-v10-latin-500-inverted.svg -python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-800.svg > static/assets/fonts/fira-sans-v10-latin-800-inverted.svg -python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-italic.svg > static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg -python3 invert_stream.py < static/assets/fonts/fira-sans-v10-latin-regular.svg > static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg -python3 invert_stream.py < static/assets/github-mark-white.svg > static/assets/github-mark-white-inverted.svg -python3 invert_stream.py < static/assets/github-mark.svg > static/assets/github-mark-inverted.svg -python3 invert_stream.py < static/assets/github.svg > static/assets/github.svg -python3 invert_stream.py < static/assets/github_grey.svg > static/assets/github_grey-inverted.svg -python3 invert_stream.py < static/assets/heart.svg > static/assets/heart.svg -python3 invert_stream.py < static/assets/hot_reloading.svg > static/assets/hot_reloading-inverted.svg -python3 invert_stream.py < static/assets/icon-chevron-down.svg > static/assets/icon-chevron-down-inverted.svg -python3 invert_stream.py < static/assets/icon-chevron-left.svg > static/assets/icon-chevron-left-inverted.svg -python3 invert_stream.py < static/assets/icon-chevron-right.svg > static/assets/icon-chevron-right-inverted.svg -python3 invert_stream.py < static/assets/icon-docs-dev.svg > static/assets/icon-docs-dev-inverted.svg -python3 invert_stream.py < static/assets/icon-github.svg > static/assets/icon-github-inverted.svg -python3 invert_stream.py < static/assets/icon-hamburger.svg > static/assets/icon-hamburger-inverted.svg -python3 invert_stream.py < static/assets/icon-pencil.svg > static/assets/icon-pencil-inverted.svg -python3 invert_stream.py < static/assets/icon-times.svg > static/assets/icon-times.svg -python3 invert_stream.py < static/assets/itchio-textless.svg > static/assets/itchio-textless-inverted.svg -python3 invert_stream.py < static/assets/mastodon-logo-purple.svg > static/assets/mastodon-logo-purple-inverted.svg -python3 invert_stream.py < static/assets/migration-guides.svg > static/assets/migration-guides-inverted.svg -python3 invert_stream.py < static/assets/opensource.svg > static/assets/opensource.svg -python3 invert_stream.py < static/assets/pager_next.svg > static/assets/pager_next-inverted.svg -python3 invert_stream.py < static/assets/pager_previous.svg > static/assets/pager_previous-inverted.svg -python3 invert_stream.py < static/assets/people.svg > static/assets/people.svg -python3 invert_stream.py < static/assets/platform-icons.svg > static/assets/platform-icons-inverted.svg -python3 invert_stream.py < static/assets/progressbar.svg > static/assets/progressbar-inverted.svg -python3 invert_stream.py < static/assets/q_and_a.svg > static/assets/q_and_a.svg -python3 invert_stream.py < static/assets/reddit.svg > static/assets/reddit-inverted.svg -python3 invert_stream.py < static/assets/render_graph.svg > static/assets/render_graph-inverted.svg -python3 invert_stream.py < static/assets/rust-logo-light.svg > static/assets/rust-logo-light-inverted.svg -python3 invert_stream.py < static/assets/scene.svg > static/assets/scene.svg -python3 invert_stream.py < static/assets/sound.svg > static/assets/sound-inverted.svg -python3 invert_stream.py < static/assets/sponsor_badges/bronze.svg > static/assets/sponsor_badges/bronze-inverted.svg -python3 invert_stream.py < static/assets/sponsor_badges/diamond.svg > static/assets/sponsor_badges/diamond-inverted.svg -python3 invert_stream.py < static/assets/sponsor_badges/gold.svg > static/assets/sponsor_badges/gold-inverted.svg -python3 invert_stream.py < static/assets/sponsor_badges/patron.svg > static/assets/sponsor_badges/patron-inverted.svg -python3 invert_stream.py < static/assets/sponsor_badges/platinum.svg > static/assets/sponsor_badges/platinum-inverted.svg -python3 invert_stream.py < static/assets/sponsor_badges/silver.svg > static/assets/sponsor_badges/silver-inverted.svg -python3 invert_stream.py < static/assets/sponsor_badges/titanium.svg > static/assets/sponsor_badges/titanium-inverted.svg -python3 invert_stream.py < static/assets/sponsors/Foresight_Spatial_Labs.svg > static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg -python3 invert_stream.py < static/assets/twitter.svg > static/assets/twitter.svg -python3 invert_stream.py < static/assets/twitter_grey.svg > static/assets/twitter_grey-inverted.svg -python3 invert_stream.py < static/assets/whats_a_bevy.svg > static/assets/whats_a_bevy-inverted.svg -python3 invert_stream.py < static/assets/youtube.svg > static/assets/youtube.svg -python3 invert_stream.py < static/assets/youtube_grey.svg > static/assets/youtube_grey-inverted.svg diff --git a/static/assets/bevy_foundation-inverted.svg b/static/assets/bevy_foundation-inverted.svg deleted file mode 100644 index c071833170..0000000000 --- a/static/assets/bevy_foundation-inverted.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/bevy_icon_dark-inverted.svg b/static/assets/bevy_icon_dark-inverted.svg deleted file mode 100644 index 1eaa767b0b..0000000000 --- a/static/assets/bevy_icon_dark-inverted.svg +++ /dev/null @@ -1,131 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/bevy_logo_dark-inverted.svg b/static/assets/bevy_logo_dark-inverted.svg deleted file mode 100644 index d899005b3c..0000000000 --- a/static/assets/bevy_logo_dark-inverted.svg +++ /dev/null @@ -1,159 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/bevy_logo_docs-inverted.svg b/static/assets/bevy_logo_docs-inverted.svg deleted file mode 100644 index ad7ec010ac..0000000000 --- a/static/assets/bevy_logo_docs-inverted.svg +++ /dev/null @@ -1,180 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/book-inverted.svg b/static/assets/book-inverted.svg deleted file mode 100644 index 6a7011adda..0000000000 --- a/static/assets/book-inverted.svg +++ /dev/null @@ -1,144 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/discord-inverted.svg b/static/assets/discord-inverted.svg deleted file mode 100644 index 4c65bfd49e..0000000000 --- a/static/assets/discord-inverted.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/assets/ecs-inverted.svg b/static/assets/ecs-inverted.svg deleted file mode 100644 index 7ab525f8dc..0000000000 --- a/static/assets/ecs-inverted.svg +++ /dev/null @@ -1,356 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/error_icon-inverted.svg b/static/assets/error_icon-inverted.svg deleted file mode 100644 index 3cfa12daaa..0000000000 --- a/static/assets/error_icon-inverted.svg +++ /dev/null @@ -1,71 +0,0 @@ - - - - - - - - - - - - diff --git a/static/assets/feed-inverted.svg b/static/assets/feed-inverted.svg deleted file mode 100644 index 2242dcb358..0000000000 --- a/static/assets/feed-inverted.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg b/static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg deleted file mode 100644 index 8dd14424b5..0000000000 --- a/static/assets/fonts/fira-mono-v8-latin-regular-inverted.svg +++ /dev/null @@ -1,322 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/fonts/fira-sans-v10-latin-300-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-300-inverted.svg deleted file mode 100644 index 17349883f3..0000000000 --- a/static/assets/fonts/fira-sans-v10-latin-300-inverted.svg +++ /dev/null @@ -1,328 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/fonts/fira-sans-v10-latin-500-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-500-inverted.svg deleted file mode 100644 index fd63c00a57..0000000000 --- a/static/assets/fonts/fira-sans-v10-latin-500-inverted.svg +++ /dev/null @@ -1,329 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/fonts/fira-sans-v10-latin-800-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-800-inverted.svg deleted file mode 100644 index bc32da17ad..0000000000 --- a/static/assets/fonts/fira-sans-v10-latin-800-inverted.svg +++ /dev/null @@ -1,328 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg deleted file mode 100644 index 55ceba89b2..0000000000 --- a/static/assets/fonts/fira-sans-v10-latin-italic-inverted.svg +++ /dev/null @@ -1,340 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg b/static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg deleted file mode 100644 index 1e520978de..0000000000 --- a/static/assets/fonts/fira-sans-v10-latin-regular-inverted.svg +++ /dev/null @@ -1,330 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/github-mark-inverted.svg b/static/assets/github-mark-inverted.svg deleted file mode 100644 index 3ef9e52a55..0000000000 --- a/static/assets/github-mark-inverted.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/assets/github-mark-white-inverted.svg b/static/assets/github-mark-white-inverted.svg deleted file mode 100644 index f82a0ca558..0000000000 --- a/static/assets/github-mark-white-inverted.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/assets/github_grey-inverted.svg b/static/assets/github_grey-inverted.svg deleted file mode 100644 index b717237e23..0000000000 --- a/static/assets/github_grey-inverted.svg +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - diff --git a/static/assets/hot_reloading-inverted.svg b/static/assets/hot_reloading-inverted.svg deleted file mode 100644 index c454f25f8e..0000000000 --- a/static/assets/hot_reloading-inverted.svg +++ /dev/null @@ -1,118 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/icon-chevron-down-inverted.svg b/static/assets/icon-chevron-down-inverted.svg deleted file mode 100644 index 43f2be7684..0000000000 --- a/static/assets/icon-chevron-down-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/static/assets/icon-chevron-left-inverted.svg b/static/assets/icon-chevron-left-inverted.svg deleted file mode 100644 index 37a16474d5..0000000000 --- a/static/assets/icon-chevron-left-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/static/assets/icon-chevron-right-inverted.svg b/static/assets/icon-chevron-right-inverted.svg deleted file mode 100644 index 363cc670a5..0000000000 --- a/static/assets/icon-chevron-right-inverted.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/static/assets/icon-docs-dev-inverted.svg b/static/assets/icon-docs-dev-inverted.svg deleted file mode 100644 index 9414ee0950..0000000000 --- a/static/assets/icon-docs-dev-inverted.svg +++ /dev/null @@ -1,235 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/icon-github-inverted.svg b/static/assets/icon-github-inverted.svg deleted file mode 100644 index 3987ba5bc7..0000000000 --- a/static/assets/icon-github-inverted.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/static/assets/icon-hamburger-inverted.svg b/static/assets/icon-hamburger-inverted.svg deleted file mode 100644 index 1de103410c..0000000000 --- a/static/assets/icon-hamburger-inverted.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/static/assets/icon-pencil-inverted.svg b/static/assets/icon-pencil-inverted.svg deleted file mode 100644 index 303e65abfc..0000000000 --- a/static/assets/icon-pencil-inverted.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/static/assets/itchio-textless-inverted.svg b/static/assets/itchio-textless-inverted.svg deleted file mode 100644 index bef5367297..0000000000 --- a/static/assets/itchio-textless-inverted.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/static/assets/mastodon-logo-purple-inverted.svg b/static/assets/mastodon-logo-purple-inverted.svg deleted file mode 100644 index fe21eb3f03..0000000000 --- a/static/assets/mastodon-logo-purple-inverted.svg +++ /dev/null @@ -1,56 +0,0 @@ - - - - - - - - - - - diff --git a/static/assets/migration-guides-inverted.svg b/static/assets/migration-guides-inverted.svg deleted file mode 100644 index 770ace5c79..0000000000 --- a/static/assets/migration-guides-inverted.svg +++ /dev/null @@ -1,76 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/static/assets/pager_next-inverted.svg b/static/assets/pager_next-inverted.svg deleted file mode 100644 index e3efa86840..0000000000 --- a/static/assets/pager_next-inverted.svg +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/static/assets/pager_previous-inverted.svg b/static/assets/pager_previous-inverted.svg deleted file mode 100644 index 3c3c7bf7d9..0000000000 --- a/static/assets/pager_previous-inverted.svg +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/static/assets/platform-icons-inverted.svg b/static/assets/platform-icons-inverted.svg deleted file mode 100644 index c65cbc26ef..0000000000 --- a/static/assets/platform-icons-inverted.svg +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - diff --git a/static/assets/progressbar-inverted.svg b/static/assets/progressbar-inverted.svg deleted file mode 100644 index 57f18c6dc4..0000000000 --- a/static/assets/progressbar-inverted.svg +++ /dev/null @@ -1,80 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - diff --git a/static/assets/reddit-inverted.svg b/static/assets/reddit-inverted.svg deleted file mode 100644 index 4924d3e207..0000000000 --- a/static/assets/reddit-inverted.svg +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - diff --git a/static/assets/render_graph-inverted.svg b/static/assets/render_graph-inverted.svg deleted file mode 100644 index 7c8f905c96..0000000000 --- a/static/assets/render_graph-inverted.svg +++ /dev/null @@ -1,130 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/rust-logo-light-inverted.svg b/static/assets/rust-logo-light-inverted.svg deleted file mode 100644 index f1b7079a82..0000000000 --- a/static/assets/rust-logo-light-inverted.svg +++ /dev/null @@ -1,47 +0,0 @@ - -image/svg+xml diff --git a/static/assets/sound-inverted.svg b/static/assets/sound-inverted.svg deleted file mode 100644 index df7be0f1fe..0000000000 --- a/static/assets/sound-inverted.svg +++ /dev/null @@ -1,120 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/sponsor_badges/bronze-inverted.svg b/static/assets/sponsor_badges/bronze-inverted.svg deleted file mode 100644 index e1687ce3e4..0000000000 --- a/static/assets/sponsor_badges/bronze-inverted.svg +++ /dev/null @@ -1,151 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/sponsor_badges/diamond-inverted.svg b/static/assets/sponsor_badges/diamond-inverted.svg deleted file mode 100644 index c02dd44111..0000000000 --- a/static/assets/sponsor_badges/diamond-inverted.svg +++ /dev/null @@ -1,151 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/sponsor_badges/gold-inverted.svg b/static/assets/sponsor_badges/gold-inverted.svg deleted file mode 100644 index 80c157feb6..0000000000 --- a/static/assets/sponsor_badges/gold-inverted.svg +++ /dev/null @@ -1,151 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/sponsor_badges/patron-inverted.svg b/static/assets/sponsor_badges/patron-inverted.svg deleted file mode 100644 index d44aeeb4bf..0000000000 --- a/static/assets/sponsor_badges/patron-inverted.svg +++ /dev/null @@ -1,151 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/sponsor_badges/platinum-inverted.svg b/static/assets/sponsor_badges/platinum-inverted.svg deleted file mode 100644 index 9844f5ba92..0000000000 --- a/static/assets/sponsor_badges/platinum-inverted.svg +++ /dev/null @@ -1,151 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/sponsor_badges/silver-inverted.svg b/static/assets/sponsor_badges/silver-inverted.svg deleted file mode 100644 index 20bd2b8eaf..0000000000 --- a/static/assets/sponsor_badges/silver-inverted.svg +++ /dev/null @@ -1,151 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/sponsor_badges/titanium-inverted.svg b/static/assets/sponsor_badges/titanium-inverted.svg deleted file mode 100644 index 59e8033f82..0000000000 --- a/static/assets/sponsor_badges/titanium-inverted.svg +++ /dev/null @@ -1,151 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg b/static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg deleted file mode 100644 index 59cba8a1ce..0000000000 --- a/static/assets/sponsors/Foresight_Spatial_Labs-inverted.svg +++ /dev/null @@ -1,224 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/assets/twitter_grey-inverted.svg b/static/assets/twitter_grey-inverted.svg deleted file mode 100644 index 5f8841d9c3..0000000000 --- a/static/assets/twitter_grey-inverted.svg +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - diff --git a/static/assets/whats_a_bevy-inverted.svg b/static/assets/whats_a_bevy-inverted.svg deleted file mode 100644 index 2068eb18d0..0000000000 --- a/static/assets/whats_a_bevy-inverted.svg +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ? - - diff --git a/static/assets/youtube_grey-inverted.svg b/static/assets/youtube_grey-inverted.svg deleted file mode 100644 index 4200316e25..0000000000 --- a/static/assets/youtube_grey-inverted.svg +++ /dev/null @@ -1,54 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - From 0fafc0a0695776fbbdf5a38c4e96d2249a931667 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sun, 18 Aug 2024 10:56:48 -0400 Subject: [PATCH 17/40] fix: woops, deleted the inverted logo --- static/assets/bevy_logo_dark-inverted.svg | 159 ++++++++++++++++++++++ 1 file changed, 159 insertions(+) create mode 100644 static/assets/bevy_logo_dark-inverted.svg diff --git a/static/assets/bevy_logo_dark-inverted.svg b/static/assets/bevy_logo_dark-inverted.svg new file mode 100644 index 0000000000..d899005b3c --- /dev/null +++ b/static/assets/bevy_logo_dark-inverted.svg @@ -0,0 +1,159 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 9bbbe5bd62900760c25f4673b019a3bb595aab00 Mon Sep 17 00:00:00 2001 From: lynn pepin Date: Sun, 18 Aug 2024 11:43:41 -0400 Subject: [PATCH 18/40] wip: Merge in from main, review pages --- TODOs.md | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/TODOs.md b/TODOs.md index c42f25611b..f06b5825a8 100644 --- a/TODOs.md +++ b/TODOs.md @@ -5,7 +5,7 @@ TODOs for the light mode theme: - [x] Get body text legible - [x] Get all text legible - [x] Remove un-necessary `-inverted.svg` files -- [ ] Fix images: +- [x] Fix images: - [x] Hamburger menu - [x] /404.html - [x] news @@ -23,6 +23,16 @@ TODOs for the light mode theme: - [x] Donate page - [x] Error/Warn/Info boxes - [x] The rest! -- [ ] Merge in from `main` +- [x] Merge in from `main` +- [x] Check new pages: + - [x] Bevy fourth birthday + - [x] `contributing/` + - [x] Generate assets and look through those, too + - [x] generate_assets + - [x] generate_examples + - [x] generate_errors +- [ ] Update preview - [ ] Theme toggle: https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/ + - [ ] Make MVP as separate project: Three-state Javascript toggle, defaults to dark, except without JS, defaults to prefers-system color scheme + - [ ] Retrofit into existing theme - [ ] Ping BD103 on the PR once it's ready: From ca1ca7cc807ed5f3b138c5a84cd3c2d2d693e703 Mon Sep 17 00:00:00 2001 From: doup Date: Mon, 4 Nov 2024 16:22:50 +0100 Subject: [PATCH 19/40] Refactor CSS tokens to be more "semantic" --- .../2021-08-10-bevys-first-birthday/index.md | 12 +- .../2022-08-10-bevys-second-birthday/index.md | 12 +- .../2023-08-10-bevys-third-birthday/index.md | 12 +- .../news/2024-03-11-bevy-foundation/index.md | 2 +- .../2024-08-10-bevys-fourth-birthday/index.md | 12 +- .../index.md | 2 +- sass/_functions.scss | 4 + sass/_mixins.scss | 17 +- sass/_utils.scss | 14 +- sass/_vars.scss | 395 +++++++++++++----- sass/components/_asset-card.scss | 26 +- sass/components/_button-square.scss | 9 +- sass/components/_button.scss | 27 +- sass/components/_callout.scss | 22 +- sass/components/_card.scss | 20 +- sass/components/_docs-footer.scss | 36 +- sass/components/_example.scss | 7 +- sass/components/_header.scss | 6 +- sass/components/_image_compare.scss | 9 +- sass/components/_layout.scss | 6 +- sass/components/_link-card.scss | 10 +- sass/components/_main-menu-backdrop.scss | 6 +- sass/components/_main-menu.scss | 29 +- sass/components/_menu-switch.scss | 12 +- sass/components/_on-this-page.scss | 17 +- sass/components/_sponsors.scss | 91 ++-- sass/components/_syntax-theme.scss | 186 ++++----- sass/components/_tree-menu.scss | 31 +- sass/elements/_details.scss | 45 +- sass/elements/_html.scss | 4 +- sass/elements/_table.scss | 23 +- sass/pages/_assets.scss | 22 +- sass/pages/_content.scss | 30 +- sass/pages/_docs.scss | 4 +- sass/pages/_donate.scss | 274 ++++++------ sass/pages/_migration_guide.scss | 16 +- sass/pages/_news.scss | 31 +- templates/layouts/base.html | 21 +- templates/macros/assets.html | 1 + templates/news-page.html | 2 +- 40 files changed, 836 insertions(+), 669 deletions(-) diff --git a/content/news/2021-08-10-bevys-first-birthday/index.md b/content/news/2021-08-10-bevys-first-birthday/index.md index 35d65e9e55..1e7458996a 100644 --- a/content/news/2021-08-10-bevys-first-birthday/index.md +++ b/content/news/2021-08-10-bevys-first-birthday/index.md @@ -20,7 +20,7 @@ For those who don't know, Bevy is a refreshingly simple data-driven game engine ## A Year of Milestones -![milestones](milestones.svg) +milestones * **August 10**: [Bevy 0.1](/news/introducing-bevy/) * Bevy's first public release! After months of working incognito, I released Bevy to the world. It was by no means complete, but it had most of the pillars in place to show the world what Bevy is (and could be): a modern and flexible renderer built on top of a modular Render Graph, a custom ECS with unrivaled ergonomics and competitive performance, 2D and 3D rendering features, asset handling, a modular app model that blurs the lines between engine developers and app developers, a custom UI system that integrates deeply with the engine, scenes, hot reloading, and blissfully productive iterative compile times. @@ -52,7 +52,7 @@ For those who don't know, Bevy is a refreshingly simple data-driven game engine ## A Year By The Numbers -![numbers](numbers.svg) +numbers * **255** unique Bevy contributors on [GitHub](https://github.com/bevyengine) * **10,030** [GitHub](https://github.com/bevyengine) stars @@ -70,7 +70,7 @@ For those who don't know, Bevy is a refreshingly simple data-driven game engine ## Things I'm Proud Of -![proud](proud.svg) +proud ### _Our_ Engine @@ -156,7 +156,7 @@ We're starting to see paid Bevy jobs pop up and some of them are resulting in op ## There is Always Room for Improvement -![improve](improve.svg) +improve ### Delegating Work and Responsibility @@ -227,7 +227,7 @@ Never thought I'd say those words but here we are. I have a pretty big backlog o ## The Next Year of Bevy -![next year](next_year.svg) +next year Here are some of my plans for the next year: @@ -260,4 +260,4 @@ I'm looking forward to spending the next year with you all! \- [@cart](https://github.com/cart/) - + diff --git a/content/news/2022-08-10-bevys-second-birthday/index.md b/content/news/2022-08-10-bevys-second-birthday/index.md index 808529849a..3be8660583 100644 --- a/content/news/2022-08-10-bevys-second-birthday/index.md +++ b/content/news/2022-08-10-bevys-second-birthday/index.md @@ -20,7 +20,7 @@ For those who don't know, Bevy is a refreshingly simple data-driven game engine ## A Year of Milestones -![milestones](milestones.svg) +milestones * **January 1**: Alice Cecile (@alice-i-cecile) gets scoped merge rights for documentation work. * **January 8**: [Bevy 0.6](/news/bevy-0-6) @@ -47,7 +47,7 @@ For those who don't know, Bevy is a refreshingly simple data-driven game engine ## A Year By The Numbers -![numbers](numbers.svg) +numbers * **470** unique Bevy contributors on [GitHub](https://github.com/bevyengine) (up from 255) * **17,830** [GitHub](https://github.com/bevyengine) stars (up from 10,030) @@ -67,7 +67,7 @@ Note that for consistency and clarity all of these numbers are given in "absolut ## Things I'm Proud Of -![proud](proud.svg) +proud I'll try not to repeat myself here, but note that I am still extremely proud of the [things I outlined in last year's retrospective](/news/bevys-first-birthday). @@ -130,7 +130,7 @@ Of course, my "Bevy is still young and we make breaking changes regularly" warni ## There Is Always Room For Improvement -![improve](improve.svg) +improve ### Bevy 0.6 Took Too long @@ -190,7 +190,7 @@ I think we made the right calls here: we had a lot of foundational work to do, e ## The Next Year of Bevy -![next year](next_year.svg) +next year Here are some of our "big ticket" items planned for the next year. I'm keeping this list smaller and more scoped than last year because some of these items are _huge_ efforts and I was clearly overconfident in my predictions last year. That being said, I think we now have a better understanding of where we are in our "tech tree", we've started scaling out the Bevy Org and delegating effectively, and we are more capable of prioritizing these things (instead of needing to direct efforts to other foundational pieces). I believe we will make all of these things happen. @@ -211,4 +211,4 @@ This year is going to be a big one for Bevy. I'm looking forward to spending it \- [@cart](https://github.com/cart/) - + diff --git a/content/news/2023-08-10-bevys-third-birthday/index.md b/content/news/2023-08-10-bevys-third-birthday/index.md index 915de42504..c61edd2983 100644 --- a/content/news/2023-08-10-bevys-third-birthday/index.md +++ b/content/news/2023-08-10-bevys-third-birthday/index.md @@ -22,7 +22,7 @@ For those who don't know, Bevy is a refreshingly simple data-driven game engine ## A Year of Milestones -![milestones](milestones.svg) +milestones * **August 19**: [Bevy Jam #2: Combine](https://itch.io/jam/bevy-jam-2) * The second official Bevy game jam! 404 people joined, 85 people submitted games, and people left 2,674 ratings. [USA Football League Scouting Combine XLV](https://ramirezmike2.itch.io/usa-football-league-scouting-combine-xlv) won! @@ -43,7 +43,7 @@ For those who don't know, Bevy is a refreshingly simple data-driven game engine ## A Year By The Numbers -![numbers](numbers.svg) +numbers * **741** unique Bevy contributors on [GitHub](https://github.com/bevyengine) (up from 470) * **25,222** [GitHub](https://github.com/bevyengine) stars (up from 17,830) @@ -63,7 +63,7 @@ Note that for consistency and clarity all of these numbers are given in "absolut ## Things I'm Proud Of -![proud](proud.svg) +proud I'll try not to repeat myself here, but note that I am still extremely proud of the things I outlined in Bevy's [First Birthday](/news/bevys-first-birthday) and [Second Birthday](/news/bevys-second-birthday) posts. @@ -123,7 +123,7 @@ I am very fortunate to work with such capable people. Bevy would be a very diffe ## There Is Always Room For Improvement -![improve](improve.svg) +improve ### I Want to Write More (of my own) Code @@ -210,7 +210,7 @@ We did not replace the Bevy Book with the New Bevy Book. We _have_ however, fina ## The Next Year of Bevy -![next year](next_year.svg) +next year I am no longer outlining explicit "plans for the next year", as I have twice now been pretty bad at making predictions. The Bevy Community and I take a relatively organic and reactive approach to developing Bevy. It doesn't make sense to outline a long list of "plans" when that isn't really how development works in practice. @@ -231,4 +231,4 @@ I'm looking forward to spending another year building Bevy with you all! \- [@cart](https://github.com/cart/) - + diff --git a/content/news/2024-03-11-bevy-foundation/index.md b/content/news/2024-03-11-bevy-foundation/index.md index 69691984f3..d498cd4b40 100644 --- a/content/news/2024-03-11-bevy-foundation/index.md +++ b/content/news/2024-03-11-bevy-foundation/index.md @@ -12,7 +12,7 @@ youtube = "cartdev" It is with excitement that I unveil to the world ... -Bevy Foundation Logo +Bevy Foundation Logo The [**Bevy Foundation**](/foundation) is the next step in our journey to build a world class free and open source game engine. **Bevy Foundation** is a non-profit organization formed in Washington State, with a pending federal 501(c)(3) tax-exemption application (more on this later). diff --git a/content/news/2024-08-10-bevys-fourth-birthday/index.md b/content/news/2024-08-10-bevys-fourth-birthday/index.md index a9fa9b2d59..a7ea60d754 100644 --- a/content/news/2024-08-10-bevys-fourth-birthday/index.md +++ b/content/news/2024-08-10-bevys-fourth-birthday/index.md @@ -22,7 +22,7 @@ For those who don't know, Bevy is a refreshingly simple data-driven game engine ## A Year of Milestones -![milestones](milestones.svg) +milestones * **November 4**: [Bevy 0.12](/news/bevy-0-12/) * We added Deferred Rendering, Bevy Asset V2, PCF Shadow Filtering, StandardMaterial Light Transmission, Material Extensions, Rusty Shader Imports, Suspend and Resume on Android, Automatic Batching and Instancing of Draw Commands, Renderer Optimizations, One Shot Systems, UI Materials, and more! @@ -44,7 +44,7 @@ For those who don't know, Bevy is a refreshingly simple data-driven game engine ## A Year By The Numbers -![numbers](numbers.svg) +numbers * **1027** unique Bevy contributors on [GitHub](https://github.com/bevyengine) (up from 741) * **34,537** [GitHub](https://github.com/bevyengine) stars (up from 25,222) @@ -63,7 +63,7 @@ Note that for consistency and clarity all of these numbers are given in "absolut ## Things I'm Proud Of -![proud](proud.svg) +proud I'll try not to repeat myself here, but note that I am still extremely proud of the things I outlined in Bevy's [First Birthday](/news/bevys-first-birthday), [Second Birthday](/news/bevys-second-birthday), and [Third Birthday](/news/bevys-third-birthday) posts. @@ -189,7 +189,7 @@ This is also a pattern I expect to see in other areas of the engine: initial rap ## There Is Always Room For Improvement -![improve](improve.svg) +improve ### Still No Editor @@ -264,7 +264,7 @@ We did [set up The Bevy Foundation](/news/bevy-foundation/)! ## The Next Year of Bevy -![next year](next_year.svg) +next year The Bevy Community and I take a relatively organic and reactive approach to developing Bevy. It doesn't make sense to outline a long list of "plans" when that isn't really how development works in practice. @@ -286,4 +286,4 @@ To many more years of Bevy! \- [@cart](https://github.com/cart/) - + diff --git a/content/news/2024-09-11-community-reflection-on-bevys-fourth-year/index.md b/content/news/2024-09-11-community-reflection-on-bevys-fourth-year/index.md index f68d1a0ce3..7c56ede463 100644 --- a/content/news/2024-09-11-community-reflection-on-bevys-fourth-year/index.md +++ b/content/news/2024-09-11-community-reflection-on-bevys-fourth-year/index.md @@ -61,4 +61,4 @@ Here is to another year of Bevy! \- [@cart](https://github.com/cart/) - + diff --git a/sass/_functions.scss b/sass/_functions.scss index d642f566a9..3ce7eba991 100644 --- a/sass/_functions.scss +++ b/sass/_functions.scss @@ -4,3 +4,7 @@ @function calc-rem($size) { @return math.div($size, $size-body) * 1rem; } + +@function color($color, $n) { + @return map-get(map-get($colors, $color), $n); +} diff --git a/sass/_mixins.scss b/sass/_mixins.scss index 90a08974a4..f13a676708 100644 --- a/sass/_mixins.scss +++ b/sass/_mixins.scss @@ -2,13 +2,13 @@ display: block; overflow: hidden; border-radius: $border-radius; - border: 2px solid #383838; - background-color: var(--alt-syntax-theme-background); + border: 2px solid var(--card-border-color); + background-color: var(--card-bg-color); text-decoration: none; &:hover { - background-color: var(--card-hover-background); - border: 2px solid #6b6b6b; + background-color: var(--card-bg-hover-color); + border: 2px solid var(--card-border-hover-color); } } @@ -19,7 +19,6 @@ } @mixin override-anchor() { - &, &:focus, &:hover, @@ -36,9 +35,7 @@ @if ($lines ==1) { white-space: nowrap; text-overflow: ellipsis; - } - - @else { + } @else { // Ellipsis on second line // See: https://css-tricks.com/almanac/properties/l/line-clamp/ display: -webkit-box; @@ -48,14 +45,14 @@ } @mixin state-checked($id) { - ##{$id}-state:checked+[data-#{$id}-state-container] { + ##{$id}-state:checked + [data-#{$id}-state-container] { @content; } } @mixin scrollbar-v { $track-width: 4px; - $thumb-color: rgba(var(--color-white), 0.2); + $thumb-color: rgba(var(--scrollbar-thumb-color), 0.2); scrollbar-width: thin; scrollbar-color: $thumb-color transparent; diff --git a/sass/_utils.scss b/sass/_utils.scss index b7e9acdfab..7e00a45587 100644 --- a/sass/_utils.scss +++ b/sass/_utils.scss @@ -4,8 +4,9 @@ // Visual outline on focused elements, for accessibility *:focus-visible { - border-radius: 5px; - outline: $focus-outline; + border-radius: 4px; + outline: var(--focus-outline); + outline-offset: 4px; } .section { @@ -30,7 +31,7 @@ body:not(.show_drafts) .public_draft:not(.active_draft) { display: none !important; } -.public_draft>div>a { +.public_draft > div > a { color: #c8c864 !important; } @@ -45,12 +46,13 @@ body:not(.show_drafts) .public_draft:not(.active_draft) { .anchor-link:link, .anchor-link:visited { margin-left: 0.3rem; - color: #737373; + color: var(--anchor-link-color); text-shadow: none; - font-weight: 500; + font-weight: 300; + text-decoration: none; } -.public_draft>div>a { +.public_draft > div > a { color: #c8c864 !important; } diff --git a/sass/_vars.scss b/sass/_vars.scss index fd3b483488..7ee2bb1841 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -6,7 +6,7 @@ $size-body-mobile: 14px; // Size for mobile $bp-phone-landscape: 480px; // Mobile-landscape (and larger) $bp-tablet-portrait: 768px; // Tablet-portrait (and larger) $bp-tablet-landscape: 992px; // Tablet-landscape (and larger) -$bp-desktop: 1200px; // Laptops (and langer) +$bp-desktop: 1200px; // Laptops (and larger) $bp-phone-portrait-only: "(max-width: #{$bp-phone-landscape - 1})"; $bp-phone-landscape-up: "(min-width: #{$bp-phone-landscape})"; @@ -30,7 +30,41 @@ $z-main-menu: 1000; $max-width: 1200px; $mobile-menu-width: 300px; $content-top-margin: 30px; -$border-radius: 16px; +$border-radius: 10px; + +// Colors +// Generated with the help of https://www.tints.dev +$color-white: #fff; +$color-black: #000; +$color-blue-link: #7c90ff; +$colors: ( + neutral: ( + 50: #efeff0, + 100: #dfdfe2, + 200: #bfbfc4, + 300: #8f8f98, + 400: #6f6f7a, + 500: #4e4e57, + 600: #39393e, + 700: #232326, + 800: #1e1e22, + 900: #0c0c0d, + 950: #050505, + ), + blue: ( + 50: #e8f2fc, + 100: #d4e6f7, + 200: #adcceb, + 300: #8ab3db, + 400: #6a99c8, + 500: #4b80b4, + 600: #456687, + 700: #2d4d6c, + 800: #1b334b, + 900: #0c1a27, + 950: #050d14, + ), +); // CSS Vars :root { @@ -38,6 +72,33 @@ $border-radius: 16px; --font-family-sans: "Fira Sans", sans-serif; --font-family-mono: "Fira Mono", monospace; + // Colors + --color-black: #{$color-black}; + --color-white: #{$color-white}; + --color-blue-link: #{$color-blue-link}; + --color-neutral-50: #{color(neutral, 50)}; + --color-neutral-100: #{color(neutral, 100)}; + --color-neutral-200: #{color(neutral, 200)}; + --color-neutral-300: #{color(neutral, 300)}; + --color-neutral-400: #{color(neutral, 400)}; + --color-neutral-500: #{color(neutral, 500)}; + --color-neutral-600: #{color(neutral, 600)}; + --color-neutral-700: #{color(neutral, 700)}; + --color-neutral-800: #{color(neutral, 800)}; + --color-neutral-900: #{color(neutral, 900)}; + --color-neutral-950: #{color(neutral, 950)}; + --color-blue-50: #{color(blue, 50)}; + --color-blue-100: #{color(blue, 100)}; + --color-blue-200: #{color(blue, 200)}; + --color-blue-300: #{color(blue, 300)}; + --color-blue-400: #{color(blue, 400)}; + --color-blue-500: #{color(blue, 500)}; + --color-blue-600: #{color(blue, 600)}; + --color-blue-700: #{color(blue, 700)}; + --color-blue-800: #{color(blue, 800)}; + --color-blue-900: #{color(blue, 900)}; + --color-blue-950: #{color(blue, 950)}; + // Header --header-height: 60px; --scroll-padding-top: calc(var(--header-height) + 16px); @@ -46,124 +107,242 @@ $border-radius: 16px; --header-height: 72px; } + // Theme + --header-bg-color: var(--color-neutral-800); + --table-border-radius: 4px; + + --image-compare-text-color: var(--color-neutral-100); + --image-compare-text-shadow: #{rgba($color-black, 0.75)}; + + --main-menu-active-color: var(--color-blue-200); + --main-menu-backdrop-color: #{rgba($color-black, 0.2)}; + --main-menu-link-hover-color: #{rgba($color-white, 0.05)}; + --main-menu-text-color: var(--color-white); + @media (prefers-color-scheme: dark) { - // dark theme -- original and default - --color-black: #000; - --color-blue: #4a6e91; - --color-blue-lighter: #537ca3; - --color-baby-blue: #b1d9ff; - --color-white: #ececec; - --color-white-darker-60: #5e5e5e; - --color-white-darker-40: #8d8d8d; - --color-white-darker-20: #bcbcbc; - --color-grey-800: #232326; - // header color, - --color-grey-900: #1e1e22; - --color-pink: #9f517a; - --color-pink-lighter: #b35b89; - --color-pink-barely-lighter: #a3537d; - --color-gold: #d2be4a; - --headerbar-color: #1e1e22; - --hover-color: #ececec; - --hover-shadow-color: #d6d6d6; - --link-color: #7c90ff; - --link-hover-shadow-color: #6c82ff; - --default-color: #ececec; - --subtitle-color: #999; - --syntax-theme-background: #2b2c2f; - --alt-syntax-theme-background: #2b2c2f; - --syntax-theme-background-hover: #414247; - --default-image-background-color: #1b1b1b; - --card-hover-background: #2f3033; - --donate-please: #d2d2d2; - --callout-accent-color-info: #5944e0; - --callout-bg-color-info: #2f2745; - --callout-color-info: #f0effb; - --callout-accent-color-caution: #e82f5a; - --callout-bg-color-caution: #591626; - --callout-color-caution: #eed5db; - --callout-accent-color-warning: #e4c151; - --callout-bg-color-warning: #513903; - --callout-color-warning: #fdfdec; - --code: #c8c8c8; + --anchor-link-color: var(--color-neutral-500); + --content-bg-color: var(--color-neutral-700); + --focus-outline: solid #{color(blue, 300)} 3px; + --header-border-color: #2c2c2d; + --heading-color: var(--color-neutral-50); + --hr-color: var(--color-neutral-900); + --html-bg-color: var(--color-neutral-800); + --link-color: var(--color-blue-link); + --scrollbar-thumb-color: var(--color-white); + --text-color: var(--color-neutral-100); + --text-dim-color: var(--color-neutral-300); - .inverted { - } + --asset-card-title-bg-color: #{rgba($color-black, 0.5)}; + --asset-card-title-color: var(--color-white); + --asset-tag-bg-color: var(--color-neutral-600); + --asset-tag-text-color: var(--color-white); - .inverted-hue120 { - } + --button-blue-bg-color: var(--color-blue-600); + --button-blue-bg-hover-color: #{darken(color(blue, 600), 3%)}; + --button-blue-border-color: var(--color-blue-400); + --button-blue-text-color: var(--color-white); + --button-pink-bg-color: #9f517a; + --button-pink-bg-hover-color: #954c72; + --button-pink-border-color: #ba789b; + --button-pink-text-color: var(--color-white); + + --callout-caution-accent-color: #e82f5a; + --callout-caution-bg-color: #591626; + --callout-caution-color: #eed5db; + --callout-info-accent-color: var(--color-blue-400); + --callout-info-bg-color: #2f2745; + --callout-info-color: var(--color-blue-100); + --callout-warning-accent-color: #e4c151; + --callout-warning-bg-color: #513903; + --callout-warning-color: #fdfdec; + + --card-bg-color: var(--color-neutral-700); + --card-bg-hover-color: #{lighten(color(neutral, 700), 3%)}; + --card-border-color: var(--color-neutral-600); + --card-border-hover-color: var(--color-neutral-500); + --card-bg-gradient-start-color: var(--color-neutral-600); + --card-img-bg-color: var(--color-neutral-800); + + --code-bg-color: #{lighten(color(neutral, 700), 3%)}; + --code-bg-hover-color: #{lighten(color(neutral, 700), 6%)}; + --code-incorrect-border-color: red; + --code-link-color: #e4c151; + --code-text-color: var(--color-neutral-200); + --code-text-dim-color: var(--color-neutral-400); + + --code-aaa: #c0c5ce; + --code-ccc: #c594c5; + --code-ddd: #6699cc; + --code-eee: #dfc479; + --code-fff: #eff1f5; + --code-ggg: #e79e6d; + --code-hhh: #8fa1b3; + --code-iii: #b48ead; + --code-jjj: #9fc37f; + --code-kkk: #e0858d; + --code-lll: #d08770; + --code-mmm: #a3be8c; + --code-nnn: #bf616a; + --code-ooo: #4f5b66; + --code-ppp: #96b5b4; + --code-qqq: #ab7967; + --code-rrr: #2b303b; + --code-sss: #f92672; + --code-ttt: #a6e22e; + --code-uuu: #967efb; + --code-vvv: #565656; + --code-www: #9fc37f; + --code-xxx: #56b6c2; + --code-yyy: #d19a66; + --code-zzz: #d1af8f; + + --docs-footer-color: var(--color-neutral-300); + --docs-footer-dir-color: var(--color-neutral-400); + --docs-footer-dir-hover-color: var(--color-neutral-300); + --docs-footer-hover-color: var(--color-neutral-100); + --docs-footer-hover-bg-color: #{rgba($color-white, 0.01)}; + --docs-footer-border-color: var(--color-neutral-600); + + --example-nav-link-color: var(--color-neutral-100); + --example-nav-link-hover-color: var(--color-white); + + --menu-switch-bg-color: #{rgba($color-white, 0.05)}; + --menu-switch-option-active-bg-color: var(--color-neutral-800); + --menu-switch-option-active-text-color: var(--color-white); + --menu-switch-option-text-color: var(--color-neutral-300); + + --on-this-page-color: var(--color-neutral-300); + --on-this-page-hover-color: var(--color-white); + --on-this-page-active-color: var(--color-white); + + --table-border-color: var(--color-neutral-500); + --table-header-color: var(--color-neutral-800); + --table-header-text-color: var(--heading-color); + + --tree-menu-label-active-bg-color: var(--color-neutral-600); + --tree-menu-label-active-color: var(--color-white); + --tree-menu-label-color: var(--color-neutral-300); + --tree-menu-toc-bg-color: #{darken(color(neutral, 600), 5%)}; + --tree-menu-toggle-hover-color: var(--color-neutral-500); - .inverted-hue240 { + .inverted { } } @media (prefers-color-scheme: light) { - // 'color-black' and other names are usually inverted compared to white theme - --color-black: #fff; - --color-blue: hsl(210, 45%, 77%); - --color-blue-lighter: hsl(209, 45%, 66%); - --color-baby-blue: hsl(209, 100%, 35%); - --color-white: #030303; - --color-white-darker-60: #a1a1a1; - --color-white-darker-40: #727272; - --color-white-darker-20: #434343; - --color-grey-800: #f4f4f8; - --color-grey-900: #efeff4; - - --color-pink: hsl(328, 50%, 77%); - --color-pink-lighter: hsl(329, 50%, 63%); - --color-pink-barely-lighter: hsl(329, 50%, 60%); - --color-gold: hsl(51, 60%, 56%); - - --headerbar-color: #1e1e22; - --hover-color: #090909; - --hover-shadow-color: #292929; - --link-color: hsl(211, 100%, 36%); - --link-hover-shadow-color: hsla(231, 100%, 71%, 25%); - --default-color: #090909; - --subtitle-color: #666; - //--default-image-background-color: #e4e4e4; - --default-image-background-color: #2c2c2c; // originall 1b1b1b - --card-hover-background: #cccfd0; - --supporting-text: #bbb; - - --callout-accent-color-info: hsl(248, 72%, 63%); - --callout-bg-color-info: hsl(256, 28%, 89%); - --callout-color-info: hsl(245, 60%, 04%); - - --callout-accent-color-caution: hsl(346, 90%, 49%); - --callout-bg-color-caution: hsl(346, 90%, 89%); - --callout-color-caution: hsl(346, 72%, 04%); - - --callout-accent-color-warning: hsl(46, 73%, 49%); - --callout-bg-color-warning: hsl(42, 93%, 89%); - --callout-color-warning: hsl(60, 81%, 04%); - - // syntax theme note: - // `_syntax-theme.scss` contains the text syntax highlighting colors. - // Until those colors are adapted to respond to `prefers-color-scheme`, we - // keep the dark code backgrounds abd code text - --syntax-theme-background: #2b2c2f; - --syntax-theme-background-hover: #414247; - --code: #c8c8c8; - //--syntax-theme-background: #d3d0d4; - //--syntax-theme-background-hover: #bdb8be; - //--code: #383838; - --alt-syntax-theme-background: #d0d3d4; + --anchor-link-color: var(--color-neutral-200); + --content-bg-color: #{darken($color-white, 3%)}; + --focus-outline: solid #{color(blue, 500)} 3px; + --header-border-color: var(--color-neutral-400); + --heading-color: var(--color-neutral-950); + --hr-color: var(--color-neutral-100); + --html-bg-color: var(--color-neutral-100); + --link-color: #4a33d9; + --scrollbar-thumb-color: var(--color-white); + --text-color: var(--color-neutral-600); + --text-dim-color: var(--color-neutral-400); - .inverted { - filter: invert(90%) hue-rotate(180deg); - } + --asset-card-title-bg-color: #{rgba($color-white, 0.7)}; + --asset-card-title-color: var(--color-black); + --asset-tag-bg-color: var(--color-neutral-100); + --asset-tag-text-color: var(--color-neutral-600); + + --button-blue-bg-color: var(--color-blue-600); + --button-blue-bg-hover-color: #{darken(color(blue, 600), 3%)}; + --button-blue-border-color: var(--color-blue-400); + --button-blue-text-color: var(--color-white); + --button-pink-bg-color: #9f517a; + --button-pink-bg-hover-color: #954c72; + --button-pink-border-color: #ba789b; + --button-pink-text-color: var(--color-white); + + --callout-caution-accent-color: #ed0c41; + --callout-caution-bg-color: #fccad5; + --callout-caution-color: #2a0109; + --callout-info-accent-color: var(--color-blue-400); + --callout-info-bg-color: var(--color-blue-100); + --callout-info-color: #040126; + --callout-warning-accent-color: #f0d106; + --callout-warning-bg-color: #fdedc9; + --callout-warning-color: #362a02; + + --card-bg-color: var(--color-white); + --card-bg-hover-color: #{darken($color-white, 3%)}; + --card-border-color: var(--color-neutral-100); + --card-border-hover-color: var(--color-neutral-200); + --card-bg-gradient-start-color: var(--color-neutral-200); + --card-img-bg-color: var(--color-neutral-400); + + --code-bg-color: #{darken(color(neutral, 50), 3%)}; + --code-bg-hover-color: #{darken(color(neutral, 50), 6%)}; + --code-incorrect-border-color: red; + --code-link-color: #d58c00; + --code-text-color: var(--color-neutral-900); + --code-text-dim-color: var(--color-neutral-300); + + --code-aaa: #5078a4; + --code-ccc: #b45eb4; + --code-ddd: #498bcc; + --code-eee: #d49d06; + --code-fff: #eff1f5; + --code-ggg: #d67b3e; + --code-hhh: #6e91b5; + --code-iii: #ae3698; + --code-jjj: #6eba2c; + --code-kkk: #e0858d; + --code-lll: #d08770; + --code-mmm: #81ba50; + --code-nnn: #bf616a; + --code-ooo: #4f5b66; + --code-ppp: #68b1af; + --code-qqq: #ab7967; + --code-rrr: #2b303b; + --code-sss: #f92672; + --code-ttt: #a6e22e; + --code-uuu: #967efb; + --code-vvv: #565656; + --code-www: #5ea91c; + --code-xxx: #2aa5a9; + --code-yyy: #d0721a; + --code-zzz: #df9754; - .inverted-hue120 { - filter: invert(100%) hue-rotate(1200deg); + --docs-footer-border-color: var(--color-neutral-100); + --docs-footer-color: var(--color-neutral-600); + --docs-footer-dir-color: var(--color-neutral-400); + --docs-footer-dir-hover-color: var(--color-neutral-500); + --docs-footer-hover-bg-color: #{rgba($color-black, 0.02)}; + --docs-footer-hover-color: var(--color-black); + + --example-nav-link-color: var(--color-neutral-400); + --example-nav-link-hover-color: var(--color-black); + + @media #{$bp-tablet-landscape-down} { + --main-menu-active-color: var(--color-blue-600); + --main-menu-link-hover-color: #{rgba($color-black, 0.03)}; + --main-menu-text-color: var(--color-neutral-500); } - .inverted-hue240 { - filter: invert(100%) hue-rotate(240deg); + --menu-switch-bg-color: var(--color-neutral-100); + --menu-switch-option-active-bg-color: var(--color-white); + --menu-switch-option-active-text-color: var(--color-black); + --menu-switch-option-text-color: var(--color-neutral-500); + + --on-this-page-color: var(--color-neutral-300); + --on-this-page-hover-color: var(--color-black); + --on-this-page-active-color: var(--color-black); + + --table-border-color: var(--color-neutral-300); + --table-header-color: var(--color-neutral-200); + --table-header-text-color: var(--heading-color); + + --tree-menu-label-active-bg-color: var(--color-neutral-100); + --tree-menu-label-active-color: var(--color-black); + --tree-menu-label-color: var(--color-neutral-600); + --tree-menu-toc-bg-color: #{lighten(color(neutral, 100), 5%)}; + --tree-menu-toggle-hover-color: var(--color-neutral-200); + + .inverted { + filter: invert(90%) hue-rotate(180deg); } } } - -// Accessibility -$focus-outline: solid #b1d9ff 3px; diff --git a/sass/components/_asset-card.scss b/sass/components/_asset-card.scss index 479c13a979..ef5add0934 100644 --- a/sass/components/_asset-card.scss +++ b/sass/components/_asset-card.scss @@ -9,7 +9,7 @@ $asset-card-padding: 0.4rem; "banner" "desc" "tags"; - color: var(--color-white); + color: var(--text-color); &__banner { grid-area: banner; @@ -18,9 +18,11 @@ $asset-card-padding: 0.4rem; aspect-ratio: 16 / 9; align-self: start; - background: linear-gradient(0deg, - var(--card-hover-background) 0%, - var(--default-image-background-color) 100%); + background: linear-gradient( + 0deg, + var(--card-bg-gradient-start-color) 0%, + var(--card-img-bg-color) 100% + ); img { width: 100%; @@ -28,7 +30,7 @@ $asset-card-padding: 0.4rem; display: block; object-fit: contain; - background-color: var(--default-image-background-color); + background-color: var(--card-img-bg-color); } } @@ -40,7 +42,8 @@ $asset-card-padding: 0.4rem; padding: $asset-card-padding; font-weight: bold; font-size: 1.2rem; - background-color: rgba(0, 0, 0, 0.5); + background-color: var(--asset-card-title-bg-color); + color: var(--asset-card-title-color); } &__description { @@ -99,17 +102,18 @@ $asset-card-padding: 0.4rem; &__tag-list { display: flex; align-items: center; - gap: .2em; + gap: 0.2em; } &__tag { display: flex; justify-content: center; - padding: .2em .4em; - border-radius: .2em; - font-size: .85em; - background: rgb(89, 89, 94); + padding: 0.2em 0.4em; + border-radius: 0.2em; + font-size: 0.85em; + color: var(--asset-tag-text-color); + background: var(--asset-tag-bg-color); &--supported { background-color: rgb(110, 110, 247); diff --git a/sass/components/_button-square.scss b/sass/components/_button-square.scss index a9918541c8..3737bddcdf 100644 --- a/sass/components/_button-square.scss +++ b/sass/components/_button-square.scss @@ -6,15 +6,10 @@ &:hover { &:before { - $padding: 8px; - content: ""; position: absolute; - top: $padding; - right: $padding; - bottom: $padding; - left: $padding; - background-color: rgba(var(--color-white), 0.05); + inset: 8px; + background-color: rgba($color-white, 0.05); border-radius: $border-radius; } } diff --git a/sass/components/_button.scss b/sass/components/_button.scss index 0c05d56825..9a59e5e1c8 100644 --- a/sass/components/_button.scss +++ b/sass/components/_button.scss @@ -1,17 +1,25 @@ .button { + --button-bg-color: var(--button-blue-bg-color); + --button-bg-hover-color: var(--button-blue-bg-hover-color); + --button-border-color: var(--button-blue-border-color); + --button-text-color: var(--button-blue-text-color); display: inline-flex; align-items: center; - background-color: var(--color-blue); - border: 3px solid var(--color-blue-lighter); + background-color: var(--button-bg-color); + border: 3px solid var(--button-border-color); padding: 6px 8px; border-radius: $border-radius; font-size: 1.2rem; font-weight: 500; transition: transform $duration-fast; + img { + border-radius: 0 !important; + } + &:hover { - background-color: var(--color-blue-lighter); + background-color: var(--button-bg-hover-color); } &:active { @@ -21,11 +29,12 @@ &, &:hover, &:visited { - color: var(--color-white); + color: var(--button-text-color); text-decoration: none; } &__icon { + flex-shrink: 0; height: 1.1em; width: auto; vertical-align: middle; @@ -34,11 +43,9 @@ } &--pink { - background-color: var(--color-pink); - border-color: var(--color-pink-lighter); - - &:hover { - background-color: var(--color-pink-barely-lighter); - } + --button-bg-color: var(--button-pink-bg-color); + --button-bg-hover-color: var(--button-pink-bg-hover-color); + --button-border-color: var(--button-pink-border-color); + --button-text-color: var(--button-pink-text-color); } } diff --git a/sass/components/_callout.scss b/sass/components/_callout.scss index b0eda70482..7c531bda64 100644 --- a/sass/components/_callout.scss +++ b/sass/components/_callout.scss @@ -6,30 +6,30 @@ border-top: 4px solid var(--callout-accent-color); color: var(--callout-color); - >:first-child { + > :first-child { margin-top: 0; } - >:last-child { + > :last-child { margin-bottom: 0; } &, &--info { - --callout-accent-color: var(--callout-accent-color-info); - --callout-bg-color: var(--callout-bg-color-info); - --callout-color: var(--callout-color-info); + --callout-accent-color: var(--callout-info-accent-color); + --callout-bg-color: var(--callout-info-bg-color); + --callout-color: var(--callout-info-color); } &--caution { - --callout-accent-color: var(--callout-accent-color-caution); - --callout-bg-color: var(--callout-bg-color-caution); - --callout-color: var(--callout-color-caution); + --callout-accent-color: var(--callout-caution-accent-color); + --callout-bg-color: var(--callout-caution-bg-color); + --callout-color: var(--callout-caution-color); } &--warning { - --callout-accent-color: var(--callout-accent-color-warning); - --callout-bg-color: var(--callout-bg-color-warning); - --callout-color: var(--callout-color-warning); + --callout-accent-color: var(--callout-warning-accent-color); + --callout-bg-color: var(--callout-warning-bg-color); + --callout-color: var(--callout-warning-color); } } diff --git a/sass/components/_card.scss b/sass/components/_card.scss index 271c9765fb..25c6354690 100644 --- a/sass/components/_card.scss +++ b/sass/components/_card.scss @@ -11,8 +11,8 @@ position: absolute; right: 0px; top: 0px; - height: 2.0em; - width: 2.0em; + height: 2em; + width: 2em; border-radius: 0px $border-radius 0px $border-radius; overflow: hidden; display: flex; @@ -26,7 +26,7 @@ } .card-sponsor-icon { - fill: var(--color-pink); + fill: #b13376; } .card-image { @@ -34,7 +34,7 @@ overflow: hidden; object-fit: cover; display: flex; - background-color: var(--default-image-background-color); + background-color: var(--card-img-bg-color); border-top-left-radius: $border-radius; border-bottom-left-radius: $border-radius; align-content: center; @@ -62,11 +62,11 @@ } .card-text-dense { - line-height: 1.0rem; + line-height: 1rem; } .card-text-dense { - line-height: 1.0rem; + line-height: 1rem; } .card-subtitle { @@ -74,7 +74,7 @@ font-weight: 200; font-size: 1.4rem; font-style: italic; - color: var(--subtitle-color); + color: var(--text-dim-color); text-decoration: none; } @@ -83,7 +83,7 @@ position: relative; font-weight: 300; font-size: 1.3rem; - color: var(--default-color); + color: var(--text-color); text-decoration: none; margin-top: 0.4rem; overflow: hidden; @@ -94,8 +94,8 @@ .card-title { display: block; font-weight: 500; - font-size: 2.0rem; - color: var(--default-color); + font-size: 2rem; + color: var(--text-color); font-style: normal; text-decoration: none; } diff --git a/sass/components/_docs-footer.scss b/sass/components/_docs-footer.scss index d6291ea055..aa84fdb908 100644 --- a/sass/components/_docs-footer.scss +++ b/sass/components/_docs-footer.scss @@ -3,17 +3,6 @@ margin: 32px 0; - @media (prefers-color-scheme: dark) { - --border-color: #2f3033; - --secondary-text-color: #8c8c8c; - --tertiary-text-color: #9e9e9e; - } - @media (prefers-color-scheme: light) { - --border-color: #cfccd0; - --secondary-text-color: #737373; - --tertiary-text-color: #616161; - } - @media #{$bp-tablet-portrait-up} { --docs-footer-gap: 20px; } @@ -25,8 +14,7 @@ grid-template-columns: 1fr; grid-template-areas: "next" - "prev" - ; + "prev"; @media #{$bp-tablet-portrait-up} { grid-template-columns: 1fr 1fr; @@ -36,20 +24,20 @@ &__link { display: flex; - border: 2px solid var(--border-color); + border: 2px solid var(--docs-footer-border-color); border-radius: 8px; padding: 16px 8px; @include override-anchor { - color: #9b9b9d; + color: var(--docs-footer-color); } &:hover { - background-color: rgba(var(--color-white), 0.01); - color: var(--color-white); + background-color: var(--docs-footer-hover-bg-color); + color: var(--docs-footer-hover-color); .docs-footer__dir { - color: #999; + color: var(--docs-footer-dir-hover-color); } } @@ -67,7 +55,7 @@ grid-area: next; text-align: right; padding-right: 16px; - + .docs-footer__label { padding: 0 12px 0 8px; } @@ -82,7 +70,7 @@ &__dir { margin-bottom: 4px; - color: #666; + color: var(--docs-footer-dir-color); text-transform: uppercase; font-size: 0.8rem; line-height: 1; @@ -94,7 +82,7 @@ } &__edit-wrapper { - border-top: 2px solid var(--border-color); + border-top: 2px solid var(--docs-footer-border-color); text-align: center; padding-top: var(--docs-footer-gap); } @@ -104,13 +92,13 @@ align-items: center; padding: 8px; font-size: 0.9rem; - + @include override-anchor { - color: var(--secondary-text-color); + color: var(--docs-footer-color); } &:hover { - color: var(--tertiary-text-color), + color: var(--docs-footer-hover-color); } .icon { diff --git a/sass/components/_example.scss b/sass/components/_example.scss index c635f219a9..f70361a81f 100644 --- a/sass/components/_example.scss +++ b/sass/components/_example.scss @@ -9,8 +9,7 @@ grid-template-columns: 1fr 1fr; grid-template-areas: "title title" - "back github" - ; + "back github"; @media #{$bp-tablet-portrait-up} { margin: 24px 0 8px; @@ -31,11 +30,11 @@ font-size: 1rem; @include override-anchor { - color: #aaa; + color: var(--example-nav-link-color); } &:hover { - color: var(--color-white); + color: var(--example-nav-link-hover-color); } } diff --git a/sass/components/_header.scss b/sass/components/_header.scss index 22beafa880..483486500d 100644 --- a/sass/components/_header.scss +++ b/sass/components/_header.scss @@ -78,14 +78,10 @@ @media #{$bp-tablet-portrait-up} { height: 35px; } - - @media (prefers-color-scheme: light) { - filter: grayscale(1) brightness(0%); - } } &:hover { - filter: brightness(80%) + filter: brightness(80%); } } } diff --git a/sass/components/_image_compare.scss b/sass/components/_image_compare.scss index 61c70a509e..66908b2cf1 100644 --- a/sass/components/_image_compare.scss +++ b/sass/components/_image_compare.scss @@ -20,7 +20,7 @@ div.image-compare { position: relative; border-radius: 10px; width: 100%; - outline: solid 1px var(--color-grey-900); // fixes border leaking background color + outline: solid 1px var(--color-neutral-900); // fixes border leaking background color outline-offset: -1px; // calculated @@ -32,7 +32,8 @@ div.image-compare { font-weight: bolder; font-size: 1.8rem; width: calc(100% - var(--text-padding)); - text-shadow: 0 0 2px var(--color-black); + text-shadow: 0 0 4px var(--image-compare-text-shadow); + color: var(--image-compare-text-color); } &::before { @@ -92,11 +93,11 @@ div.image-compare { border-radius: 50%; outline: solid 3px var(--color-white); outline-offset: -2.9px; - background-color: var(--color-white-darker-40); + background-color: var(--color-neutral-600); &:hover, &:active { - background-color: var(--color-white-darker-20); + background-color: var(--color-neutral-500); } } diff --git a/sass/components/_layout.scss b/sass/components/_layout.scss index f6312d1487..f0c5d00c2b 100644 --- a/sass/components/_layout.scss +++ b/sass/components/_layout.scss @@ -8,8 +8,8 @@ top: 0px; width: 100%; height: var(--header-height); - background-color: var(--color-grey-900); - border-bottom: 2px solid #2c2c2d; + background-color: var(--header-bg-color); + border-bottom: 2px solid var(--header-border-color); z-index: $z-layout-header; } @@ -18,7 +18,7 @@ padding-top: var(--header-height); padding-bottom: 64px; flex-grow: 1; - background-color: var(--color-grey-800); + background-color: var(--content-bg-color); } } diff --git a/sass/components/_link-card.scss b/sass/components/_link-card.scss index 00ecf2a84a..d2a5f1f062 100644 --- a/sass/components/_link-card.scss +++ b/sass/components/_link-card.scss @@ -16,7 +16,7 @@ &__img-wrapper { @include flex-center; - background-color: var(--default-image-background-color); + background-color: var(--card-img-bg-color); padding: 1rem; @media #{$bp-phone-landscape-up} { @@ -54,9 +54,9 @@ &__title { margin: 0; line-height: 1.1; - font-size: 2.0rem; + font-size: 2rem; font-weight: 500; - color: var(--default-color); + color: var(--text-color); font-style: normal; margin-bottom: 4px; } @@ -65,14 +65,14 @@ font-size: 1.4rem; font-weight: 200; font-style: italic; - color: var(--subtitle-color); + color: var(--text-dim-color); } &__description { margin: 0.4rem 0 0; font-size: 1.3rem; font-weight: 300; - color: var(--default-color); + color: var(--text-color); text-decoration: none; &--ellipsis { diff --git a/sass/components/_main-menu-backdrop.scss b/sass/components/_main-menu-backdrop.scss index 72f2d83b5d..7bb7f89f2b 100644 --- a/sass/components/_main-menu-backdrop.scss +++ b/sass/components/_main-menu-backdrop.scss @@ -6,15 +6,15 @@ width: 100%; height: 100%; z-index: $z-main-menu-backdrop; - background-color: rgba(var(--color-black), 0.2); + background-color: var(--main-menu-backdrop-color); cursor: pointer; - opacity: 0.0; + opacity: 0; transition: opacity $duration * 2; } @include state-checked("mobile-menu") { .main-menu-backdrop { visibility: visible; - opacity: 1.0; + opacity: 1; } } diff --git a/sass/components/_main-menu.scss b/sass/components/_main-menu.scss index 4499806a12..1e0231e47a 100644 --- a/sass/components/_main-menu.scss +++ b/sass/components/_main-menu.scss @@ -21,19 +21,18 @@ &, &:visited, &:active { - color: var(--color-white); + color: var(--main-menu-text-color); } &:hover { - color: var(--color-baby-blue); + color: var(--main-menu-active-color); } &--active { - &, &:visited, &:active { - color: var(--color-baby-blue); + color: var(--main-menu-active-color); } } @@ -45,8 +44,9 @@ // Instead we have the outline on the text inside the link &:focus-visible span { - border-radius: 5px; - outline: $focus-outline; + border-radius: 4px; + outline: var(--focus-outline); + outline-offset: 4px; } } } @@ -65,10 +65,10 @@ width: $mobile-menu-width; bottom: -$bottom-buffer; padding-bottom: $bottom-buffer; - background-color: var(--color-grey-900); + background-color: var(--color-neutral-800); z-index: $z-main-menu; transform: translateX(0); - opacity: 0.0; + opacity: 0; transition: transform $duration, opacity $duration; box-shadow: 0px 0px 16px rgba(#000, 0.3); @@ -86,8 +86,8 @@ justify-content: space-between; padding-left: $padding; height: var(--header-height); - background-color: var(--color-grey-800); - border-bottom: 2px solid #313131; + background-color: var(--header-bg-color); + border-bottom: 2px solid var(--header-border-color); a { display: flex; @@ -103,7 +103,9 @@ &__content { position: relative; - height: calc(100% - var(--header-height) - var(--main-menu-switch-height)); + height: calc( + 100% - var(--header-height) - var(--main-menu-switch-height) + ); overflow-x: hidden; } @@ -133,7 +135,7 @@ } &__link:hover { - background-color: rgba(var(--color-white), 0.05); + background-color: var(--main-menu-link-hover-color); border-radius: $border-radius; } } @@ -141,7 +143,7 @@ @include state-checked("mobile-menu") { .main-menu { transform: translateX($mobile-menu-width); - opacity: 1.0; + opacity: 1; } } @@ -161,7 +163,6 @@ // MODE: Desktop Menu @media #{$bp-desktop-up} { .main-menu { - &__header, &__page-menu-switch, &__page-menu, diff --git a/sass/components/_menu-switch.scss b/sass/components/_menu-switch.scss index 975c325e73..6082b3433e 100644 --- a/sass/components/_menu-switch.scss +++ b/sass/components/_menu-switch.scss @@ -10,7 +10,7 @@ $menu-switch-padding: 4px; grid-template-columns: 1fr 1fr; gap: $padding; border-radius: $height; - background-color: rgba(var(--color-white), 0.05); + background-color: var(--menu-switch-bg-color); padding: $padding; height: $height; cursor: pointer; @@ -24,7 +24,7 @@ $menu-switch-padding: 4px; height: $pill-height; width: calc(50% - #{$padding * 2}); border-radius: $pill-height; - background-color: var(--color-grey-900); + background-color: var(--menu-switch-option-active-bg-color); z-index: 0; transition: transform $duration; } @@ -39,11 +39,11 @@ $menu-switch-padding: 4px; text-align: center; &--main-menu { - opacity: 1.0; + color: var(--menu-switch-option-active-text-color); } &--page-menu { - opacity: 0.5; + color: var(--menu-switch-option-text-color); } } } @@ -56,11 +56,11 @@ $menu-switch-padding: 4px; &__option { &--main-menu { - opacity: 0.5; + color: var(--menu-switch-option-text-color); } &--page-menu { - opacity: 1.0; + color: var(--menu-switch-option-active-text-color); } } } diff --git a/sass/components/_on-this-page.scss b/sass/components/_on-this-page.scss index 162cec9f4f..0c95f35841 100644 --- a/sass/components/_on-this-page.scss +++ b/sass/components/_on-this-page.scss @@ -16,18 +16,10 @@ } a { - @media (prefers-color-scheme: dark) { - --color: #868686; - --lighter-color: #979797; - } - @media (prefers-color-scheme: light) { - --color: #7a7a7a; - --lighter-color: #696969; - } display: block; text-wrap: balance; padding-block: 4px; - color: var(--color); + color: var(--on-this-page-color); text-decoration: none; word-break: break-word; @@ -37,12 +29,11 @@ } &:hover { - color: var(--lighter-color); + color: var(--on-this-page-hover-color); } - &[data-active=true] { - color: var(--color-white); + &[data-active="true"] { + color: var(--on-this-page-active-color); } - } } diff --git a/sass/components/_sponsors.scss b/sass/components/_sponsors.scss index a47377468c..0ddd750a80 100644 --- a/sass/components/_sponsors.scss +++ b/sass/components/_sponsors.scss @@ -3,6 +3,26 @@ max-width: 900px; margin: 0 auto; + &--corporate_platinum, + &--corporate_bronze, + &--diamond, + &--titanium { + background-color: var(--color-neutral-700); + border-radius: 8px; + padding: 24px 24px 8px; + + .sponsors { + &__title { + color: var(--color-neutral-100); + margin: 0 0 16px; + } + + &__name { + color: var(--color-blue-link); + } + } + } + &:not(:last-child) { margin-bottom: 56px; } @@ -38,54 +58,55 @@ font-size: 1.25rem; } - &__link { - display: block; - margin: 0 15px 15px; - color: var(--link-color); - font-size: 1.5rem; - } + &__link { + display: block; + margin: 0 15px 15px; + color: var(--link-color); + font-size: 1.5rem; + } - &__amount { - margin-top: -4px; - font-size: 1.2rem; - color: rgb(150, 150, 150); - } + &__amount { + margin-top: -4px; + font-size: 1.2rem; + color: rgb(150, 150, 150); + } - &__content { - display: flex; - max-width: none; - flex-direction: row; - flex-wrap: wrap; - justify-content: center; - align-items: center; - margin: 0 auto; - } + &__content { + display: flex; + max-width: none; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-items: center; + margin: 0 auto; + } - &__logo { - object-fit: contain; - width: 100%; - transition: transform .2s; /* Animation */ - } + &__logo { + object-fit: contain; + width: 100%; + transition: transform 0.2s; /* Animation */ + } - &__logo:hover { - transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ - } + &__logo:hover { + transform: scale( + 1.05 + ); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ + } } .sponsors-section { - margin-top: 3rem; - text-align: center; - font-size: 1.5rem !important; - line-height: 2.2rem !important; + margin-top: 3rem; + text-align: center; + font-size: 1.5rem !important; + line-height: 2.2rem !important; } - .past-donors-title { font-size: 2.8rem; margin-bottom: 16px; } .past-donor { - font-size: 1.0rem; - color: rgb(150, 150, 150); + font-size: 1rem; + color: rgb(150, 150, 150); } diff --git a/sass/components/_syntax-theme.scss b/sass/components/_syntax-theme.scss index eff52e9900..d132f73615 100644 --- a/sass/components/_syntax-theme.scss +++ b/sass/components/_syntax-theme.scss @@ -1,52 +1,54 @@ .z-code { - color: #c0c5ce; - background-color: var(--syntax-theme-background); + color: var(--code-aaa); + background-color: var(--code-bg-color); } div.incorrect { - $incorrect_block_background_color: #481e21; - position: relative; + $incorrect_block_background_color: #481e21; + position: relative; + background-color: $incorrect_block_background_color; + border-left: 10px solid darkred; + border-radius: 10px; + padding-right: 55px; + + .z-code, + .z-code code { background-color: $incorrect_block_background_color; - border-left: 10px solid darkred; - border-radius: 10px; - padding-right: 55px; - - .z-code, - .z-code code { - background-color: $incorrect_block_background_color; - } + } } div.incorrect:hover { - border-color: red; + border-color: var(--code-incorrect-border-color); - img { - /* SVG filter color for red */ - filter: invert(10%) sepia(85%) saturate(7491%) hue-rotate(5deg) brightness(116%) contrast(114%); - } + img { + /* SVG filter color for red */ + filter: invert(10%) sepia(85%) saturate(7491%) hue-rotate(5deg) + brightness(116%) contrast(114%); + } } div.incorrect-image { - position: absolute; - z-index: 99; - right: 20px; - top: 10px; + position: absolute; + z-index: 99; + right: 20px; + top: 10px; - img { - width: 35px; - height: 35px; - /* SVG filter color for firebrick red */ - filter: invert(11%) sepia(57%) saturate(5143%) hue-rotate(350deg) brightness(118%) contrast(87%); - } + img { + width: 35px; + height: 35px; + /* SVG filter color for firebrick red */ + filter: invert(11%) sepia(57%) saturate(5143%) hue-rotate(350deg) + brightness(118%) contrast(87%); + } } .z-variable.z-parameter.z-function { - color: #c0c5ce; + color: var(--code-aaa); } .z-comment, .z-punctuation.z-definition.z-comment { - color: #8e9aa4; + color: var(--code-text-dim-color); } .z-punctuation.z-definition.z-string, @@ -55,208 +57,207 @@ div.incorrect-image { .z-punctuation.z-definition.z-parameters, .z-punctuation.z-definition.z-string, .z-punctuation.z-definition.z-array { - color: #c0c5ce; + color: var(--code-aaa); } .z-none { - color: #c0c5ce; + color: var(--code-aaa); } .z-keyword.z-operator { - color: #c0c5ce; + color: var(--code-aaa); } .z-keyword { - color: #c594c5ff; + color: var(--code-ccc); } .z-variable { - color: #c0c5ce; + color: var(--code-aaa); } .z-entity.z-name.z-function, .z-meta.z-require, .z-support.z-function.z-any-method { - color: #6699ccff; + color: var(--code-ddd); } .z-support.z-class, .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class { - color: #dfc479; + color: var(--code-eee); } .z-meta.z-class { - color: #eff1f5; + color: var(--code-fff); } .z-keyword.z-other.z-special-method { - color: #8fa1b3; + color: var(--code-hhh); } .z-storage { - color: #b48ead; + color: var(--code-iii); } .z-support.z-function { - color: #6699ccff; + color: var(--code-ddd); } .z-string, .z-constant.z-other.z-symbol, .z-entity.z-other.z-inherited-class { - color: #9fc37f; + color: var(--code-jjj); } .z-none { - color: #e79e6d; + color: var(--code-ggg); } .z-constant { - color: #e79e6d; + color: var(--code-ggg); } .z-entity.z-name.z-tag { - color: #e0858d; + color: var(--code-kkk); } .z-entity.z-other.z-attribute-name { - color: #d08770; + color: var(--code-lll); } .z-entity.z-other.z-attribute-name.z-id, .z-punctuation.z-definition.z-entity { - color: #8fa1b3; + color: var(--code-hhh); } .z-meta.z-selector { - color: #b48ead; + color: var(--code-iii); } .z-markup.z-heading .z-punctuation.z-definition.z-heading, .z-entity.z-name.z-section { - color: #8fa1b3; + color: var(--code-hhh); } .z-keyword.z-other.z-unit { - color: #e79e6d; + color: var(--code-ggg); } .z-markup.z-bold, .z-punctuation.z-definition.z-bold { - color: #dfc479; - font-weight: bold; + color: var(--code-eee); + font-weight: bold; } .z-markup.z-italic, .z-punctuation.z-definition.z-italic { - color: #b48ead; - font-style: italic; + color: var(--code-iii); + font-style: italic; } .z-markup.z-raw.z-inline { - color: #a3be8c; + color: var(--code-mmm); } .z-string.z-other.z-link { - color: #bf616a; + color: var(--code-nnn); } .z-meta.z-link { - color: #e79e6d; + color: var(--code-ggg); } .z-markup.z-list { - color: #bf616a; + color: var(--code-nnn); } .z-markup.z-quote { - color: #e79e6d; + color: var(--code-ggg); } .z-meta.z-separator { - color: #c0c5ce; - background-color: #4f5b66; + color: var(--code-aaa); + background-color: var(--code-ooo); } .z-markup.z-inserted, .z-markup.z-inserted.z-git_gutter { - color: #a3be8c; + color: var(--code-mmm); } .z-markup.z-deleted, .z-markup.z-deleted.z-git_gutter { - color: #bf616a; + color: var(--code-nnn); } .z-markup.z-changed, .z-markup.z-changed.z-git_gutter { - color: #b48ead; + color: var(--code-iii); } .z-markup.z-ignored, .z-markup.z-ignored.z-git_gutter { - color: #4f5b66; + color: var(--code-ooo); } .z-markup.z-untracked, .z-markup.z-untracked.z-git_gutter { - color: #4f5b66; + color: var(--code-ooo); } .z-constant.z-other.z-color { - color: #96b5b4; + color: var(--code-ppp); } .z-string.z-regexp { - color: #96b5b4; + color: var(--code-ppp); } .z-constant.z-character.z-escape { - color: #96b5b4; + color: var(--code-ppp); } .z-punctuation.z-section.z-embedded, .z-variable.z-interpolation { - color: #ab7967; + color: var(--code-qqq); } .z-invalid.z-illegal { - color: #2b303b; - background-color: #bf616a; + color: var(--code-rrr); + background-color: var(--code-nnn); } .z-markup.z-deleted.z-git_gutter { - color: #f92672; + color: var(--code-sss); } .z-markup.z-inserted.z-git_gutter { - color: #a6e22e; + color: var(--code-ttt); } .z-markup.z-changed.z-git_gutter { - color: #967efb; + color: var(--code-uuu); } .z-markup.z-ignored.z-git_gutter { - color: #565656; + color: var(--code-vvv); } .z-markup.z-untracked.z-git_gutter { - color: #565656; + color: var(--code-vvv); } - // RUST OVERRIDES .z-meta.z-generic.z-rust, .z-entity.z-name.z-struct.z-rust, .z-entity.z-name.z-impl.z-rust { - color: #dfc479; + color: var(--code-eee); } .z-punctuation.z-definition.z-generic.z-rust { - color: #c0c5ce; + color: var(--code-aaa); } .z-storage.z-type.z-function, @@ -264,43 +265,42 @@ div.incorrect-image { .z-storage.z-type.z-struct.z-rust, .z-punctuation.z-accessor.z-rust, .z-storage.z-modifier.z-rust { - color: #c594c5ff; + color: var(--code-ccc); } .z-support.z-macro.z-rust { - color: #6699ccff; + color: var(--code-ddd); } .z-punctuation.z-definition.z-string { - color: #9fc37f; + color: var(--code-www); } .z-entity.z-name.z-trait.z-rust { - color: #56b6c2; + color: var(--code-xxx); } .z-meta.z-annotation.z-rust, .z-variable.z-annotation.z-rust { - color: #d19a66; + color: var(--code-yyy); } .z-meta.z-annotation.z-parameters.z-rust { + .z-begin, + .z-end, + .z-punctuation { + color: var(--code-yyy); + } - .z-begin, - .z-end, - .z-punctuation { - color: #d19a66; - } - - color: #d1af8f; + color: var(--code-zzz); } // SHELL OVERRIDES .z-variable.z-function.z-shell, .z-support.z-function.z-shell { - color: #6699ccff; + color: var(--code-ddd); } .z-variable.z-parameter.z-option { - color: #c594c5ff; + color: var(--code-ccc); } diff --git a/sass/components/_tree-menu.scss b/sass/components/_tree-menu.scss index f3e01fd640..60897cdf58 100644 --- a/sass/components/_tree-menu.scss +++ b/sass/components/_tree-menu.scss @@ -1,12 +1,4 @@ .tree-menu { - // todo - @media (prefers-color-scheme: dark) { - --hover-color: #ffffff19; - } - @media (prefers-color-scheme: light) { - --hover-color: #00000019; - } - $item-height: 32px; $border-radius: 4px; $h-padding: 12px; @@ -34,11 +26,10 @@ border-radius: $border-radius; overflow: hidden; // prevent the radii from getting messed up margin-bottom: 2px; - opacity: 0.6; + color: var(--tree-menu-label-color); &:hover { - opacity: 1.0; - background-color: var(--hover-color); + background-color: var(--tree-menu-label-active-bg-color); } &--with-chevron { @@ -60,7 +51,7 @@ text-wrap: balance; &, &:focus, &:active, &:hover, &:link, &:visited { - color: var(--color-white); + color: var(--tree-menu-label-color); } } @@ -71,25 +62,31 @@ width: 44px; cursor: pointer; user-select: none; + color: var(--tree-menu-label-color); &:hover { - background-color: var(--hover-color); + background-color: var(--tree-menu-toggle-hover-color); } } &__chevron { transition: transform $duration; transform: rotate(-90deg); + + @media (prefers-color-scheme: light) { + filter: invert(65%); + } } &__item--active { // Target just the first label, ignore subsection labels > .tree-menu__label { - background-color: var(--hover-color); - opacity: 1.0; + background-color: var(--tree-menu-label-active-bg-color); + &, + .tree-menu__toggle, .tree-menu__link { - color: var(--color-white); + color: var(--tree-menu-label-active-color); } } } @@ -108,6 +105,6 @@ &__toc { grid-row: 2; grid-column: 1 / span 2; - background-color: rgba(var(--color-black), 0.25); + background-color: var(--tree-menu-toc-bg-color); } } diff --git a/sass/elements/_details.scss b/sass/elements/_details.scss index 28c9956bf2..ffcb95a0ff 100644 --- a/sass/elements/_details.scss +++ b/sass/elements/_details.scss @@ -1,25 +1,24 @@ details { $h-padding: 10px; - $border: 2px solid var(--subtitle-color); - // border: $border; border-radius: $border-radius; padding: 0 $h-padding; margin-block: 1em; background-color: rgba(var(--color-white), 0.1); overflow: hidden; // prevent clobbering corner radii - & h1, & h2, & h3, & h4, & h5, & h6 { + & h1, + & h2, + & h3, + & h4, + & h5, + & h6 { margin: 0; display: inline; } - >summary { + > summary { cursor: pointer; // this should be the default padding-block: calc($h-padding/2); - - &:hover { - text-shadow: 0 0 0.9px var(--hover-shadow-color), 0 0 0.9px var(--hover-shadow-color); - } } // these styles are noncritical so the 2.4% without `:is` will be fine @@ -27,47 +26,25 @@ details { // also, to avoid these styles, put the block in a
$big-blocks: ":is(pre.z-code, .callout)"; - >#{$big-blocks} { + > #{$big-blocks} { // push big blocks to the edge and remove their corners margin-inline: -$h-padding; padding-inline: $h-padding !important; border-radius: 0 !important; } - >summary+#{$big-blocks} { + > summary + #{$big-blocks} { // remove margin on leading... margin-top: 0; } - >#{$big-blocks}:last-child { + > #{$big-blocks}:last-child { // ...and trailing big blocks margin-bottom: 0; } - // tighten trailing

- >p:last-child { + > p:last-child { margin-bottom: $h-padding; } - - &.lowprofile { - border: none; - border-radius: 0; - background-color: transparent; - - >summary { - font-weight: normal; - } - - // since there's no background colour this looks normal - //

has it's own margin - :last-child { - margin-bottom: 0; - } - - &[open] { - border-left: $border; - padding-left: calc($h-padding - 2px); - } - } } diff --git a/sass/elements/_html.scss b/sass/elements/_html.scss index d237a0ee43..cef23c8a1b 100644 --- a/sass/elements/_html.scss +++ b/sass/elements/_html.scss @@ -1,9 +1,9 @@ html { - color: var(--default-color); + color: var(--text-color); color-scheme: dark; font-family: var(--font-family-sans); font-size: calc-rem($size-body-mobile); - background-color: var(--color-grey-900); + background-color: var(--color-neutral-800); scroll-padding-top: var(--scroll-padding-top); * { diff --git a/sass/elements/_table.scss b/sass/elements/_table.scss index 618b0528c9..c62573e7a1 100644 --- a/sass/elements/_table.scss +++ b/sass/elements/_table.scss @@ -1,31 +1,32 @@ table { border-spacing: 0; - border: 2px solid var(--subtitle-color); - border-radius: $border-radius; + border: 2px solid var(--table-border-color); + border-radius: var(--table-border-radius); } thead { - background-color: var(--color-grey-900); + background-color: var(--table-header-color); + color: var(--table-header-text-color); } tr td { padding: 0.5rem; - border-top: 2px solid var(--subtitle-color); + border-top: 2px solid var(--table-border-color); } tr td:not(:first-child) { - border-left: 2px solid var(--subtitle-color); + border-left: 2px solid var(--table-border-color); } table tr:first-child { - border-top-left-radius: $border-radius; - border-top-right-radius: $border-radius; - + border-top-left-radius: var(--table-border-radius); + border-top-right-radius: var(--table-border-radius); + th:first-child { - border-top-left-radius: $border-radius; + border-top-left-radius: var(--table-border-radius); } - + th:last-child { - border-top-right-radius: $border-radius; + border-top-right-radius: var(--table-border-radius); } } diff --git a/sass/pages/_assets.scss b/sass/pages/_assets.scss index 475073a665..5d953d5478 100644 --- a/sass/pages/_assets.scss +++ b/sass/pages/_assets.scss @@ -29,6 +29,7 @@ font-size: 1.2rem; padding: $asset-card-padding; width: 100%; + color: var(--text-color); &:focus-visible { outline: none; @@ -39,12 +40,13 @@ .asset-version-select { border-radius: $border-radius; border: 2px solid #383838; - background-color: var(--syntax-theme-background); - font-size: 1.0rem; - padding: .4rem; + background-color: var(--code-bg-color); + font-size: 1rem; + padding: 0.4rem; + color: var(--text-color); + margin-left: 8px; &:hover { - background-color: var(--card-hover-background); border: 2px solid #6b6b6b; } @@ -70,12 +72,11 @@ .asset-version-select { border-radius: $border-radius; border: 2px solid #383838; - background-color: var(--syntax-theme-background); - font-size: 1.0rem; - padding: .4rem; + background-color: var(--code-bg-color); + font-size: 1rem; + padding: 0.4rem; &:hover { - background-color: var(--card-hover-background); border: 2px solid #6b6b6b; } } @@ -99,13 +100,14 @@ text-align: center; justify-content: center; align-items: center; - color: var(--default-color); + color: var(--text-color); height: 48px; &__img_wrapper { display: flex; align-items: center; - padding: $asset-card-padding 0px $asset-card-padding calc($asset-card-padding * 2); + padding: $asset-card-padding 0px $asset-card-padding + calc($asset-card-padding * 2); } &__text { diff --git a/sass/pages/_content.scss b/sass/pages/_content.scss index 57c95404a2..14be5df958 100644 --- a/sass/pages/_content.scss +++ b/sass/pages/_content.scss @@ -5,7 +5,7 @@ $content-font-size: 1.22rem; font-size: $content-font-size; font-weight: 400; line-height: 1.43; - color: var(--supporting-text); + color: var(--text-color); font-style: normal; text-decoration: none; word-break: break-word; @@ -50,7 +50,7 @@ $content-font-size: 1.22rem; a:link code { font-family: var(--font-family-mono); font-variant-ligatures: none; - color: #e4c151; + color: var(--code-link-color); font-style: normal; text-decoration: none; } @@ -59,20 +59,18 @@ $content-font-size: 1.22rem; font-family: var(--font-family-mono); font-variant-ligatures: none; font-size: 1.05rem; - color: var(--code); - background-color: var(--syntax-theme-background); - border-radius: $border-radius; - padding-bottom: 3px; - padding-top: 3px; - padding-left: 8px; - padding-right: 8px; + color: var(--code-text-color); + background-color: var(--code-bg-color); + border-radius: 4px; + padding-block: 2px; + padding-inline: 6px; text-decoration: none; } blockquote { font-size: 1.1rem; - color: #b1b1b1; - background-color: var(--syntax-theme-background); + color: var(--text-dim-color); + background-color: var(--code-bg-color); border-radius: $border-radius; padding: 8px; margin: 0px; @@ -89,7 +87,7 @@ $content-font-size: 1.22rem; } a:hover code { - background-color: var(--syntax-theme-background)-hover; + background-color: var(--code-bg-hover-color); } a.button { @@ -101,10 +99,10 @@ $content-font-size: 1.22rem; color: var(--link-color); } - a:hover { - text-shadow: 0 0 0.9px var(--link-hover-shadow-color), - 0 0 0.9px var(--link-hover-shadow-color); - } + // a:hover { + // text-shadow: 0 0 0.9px var(--link-hover-shadow-color), + // 0 0 0.9px var(--link-hover-shadow-color); + // } pre code { padding-bottom: 0px; diff --git a/sass/pages/_docs.scss b/sass/pages/_docs.scss index 76c21aa058..c359f87230 100644 --- a/sass/pages/_docs.scss +++ b/sass/pages/_docs.scss @@ -39,9 +39,9 @@ } .docs-whats-a-bevy { - background-color: #00000000;// !important; + background-color: #00000000; // !important; @media (prefers-color-scheme: light) { - filter: invert(100%); + filter: invert(85%); } height: 2.4rem !important; border-radius: unset !important; diff --git a/sass/pages/_donate.scss b/sass/pages/_donate.scss index ad1a5dbddf..04c4772008 100644 --- a/sass/pages/_donate.scss +++ b/sass/pages/_donate.scss @@ -2,239 +2,243 @@ div.donate-sponsor { position: absolute; bottom: 0.4rem; right: 0.8rem; + + svg { + margin-right: 4px; + } } .donate-page { - font-size: 1.22rem; - font-weight: 400; - line-height: 1.43; - color: var(--supporting-text); - font-style: normal; - text-decoration: none; - word-break: break-word; - - h2 { - text-align: center; - margin-top: 2.2rem; - margin-bottom: 0.5rem; - font-size: 2.2rem; - } + font-size: 1.22rem; + font-weight: 400; + line-height: 1.43; + color: var(--text-color); + font-style: normal; + text-decoration: none; + word-break: break-word; + + h2 { + text-align: center; + margin-top: 2.2rem; + margin-bottom: 0.5rem; + font-size: 2.2rem; + } - h3 { - font-size: 1.5rem; - margin-bottom: 1rem; - } + h3 { + font-size: 1.5rem; + margin-bottom: 1rem; + } - a { - text-decoration: none; - } + a { + text-decoration: none; + } - a:visited { - text-decoration: none; - color: var(--link-color); - } + a:visited { + text-decoration: none; + color: var(--link-color); + } } .donate-support { - display: flex; - flex-direction: row; - justify-content: space-around; - flex-wrap: wrap; - max-width: 1100px; - margin: auto; - margin-top: 5rem; + display: flex; + flex-direction: row; + justify-content: space-around; + flex-wrap: wrap; + max-width: 1100px; + margin: auto; + margin-top: 5rem; } .donate-support-text { - width: 500px; + width: 500px; } .donate-support-bevy { - font-weight: 900; - font-size: 5rem; + font-weight: 900; + font-size: 5rem; } .donate-support-description { - margin-top: 10px; - font-size: 1.3rem; - font-weight: 500; - color: var(--color-white); + margin-top: 10px; + font-size: 1.3rem; + font-weight: 500; + color: var(--color-white); } .donate-header-padding { - padding-top: 9rem; + padding-top: 9rem; } .donate-metrics { - height: 200px; - width: 400px; - margin-top: 30px; + height: 200px; + width: 400px; + margin-top: 30px; } .donate-metric { - float: right; - clear: right; - margin-bottom: 1rem; - line-height: 40px; - border-bottom-width: 4px; - border-bottom-color: var(--color-white); - border-bottom-style: solid; + float: right; + clear: right; + margin-bottom: 1rem; + line-height: 40px; + border-bottom-width: 4px; + border-bottom-color: var(--color-white); + border-bottom-style: solid; } .donate-number { - font-size: 4rem; - font-weight: 900; + font-size: 4rem; + font-weight: 900; } .donate-number-label { - display: inline-block; - font-size: 2rem; - font-weight: 400; - width: 160px; - text-align: right; + display: inline-block; + font-size: 2rem; + font-weight: 400; + width: 160px; + text-align: right; } .donate-membership-description { - margin: auto; - text-align: center; - font-size: 1.2rem; - max-width: 850px; - margin-bottom: 20px; + margin: auto; + text-align: center; + font-size: 1.2rem; + max-width: 850px; + margin-bottom: 20px; } .donate-levels-container { - margin: auto; - max-width: 850px; + margin: auto; + max-width: 850px; } .donate-membership-levels { - display: flex; - justify-content: space-around; - flex-wrap: wrap; - gap: 5px; + display: flex; + justify-content: space-around; + flex-wrap: wrap; + gap: 5px; } .donate-level { - display: flex; - position: relative; - width: 280px; - height: 134px; - background-color: var(--syntax-theme-background); + display: flex; + position: relative; + width: 280px; + height: 134px; + background-color: var(--code-bg-color); - &:hover { - text-shadow: none !important; - } + &:hover { + text-shadow: none !important; + } } .donate-level-info { - margin-top: 8px; - margin-left: 14px; + margin-top: 8px; + margin-left: 14px; } .donate-level-icon { - width: 70px; - float: left; + width: 70px; + float: left; } .donate-level-corporate { - color: rgb(150, 150, 150); - font-weight: 500; - font-size: 1.2rem; - margin-top: -6px; - margin-bottom: -12px; + color: rgb(150, 150, 150); + font-weight: 500; + font-size: 1.2rem; + margin-top: -6px; + margin-bottom: -12px; } .donate-level-text { - margin-top: 4px; - margin-left: 15px; - float: left; + margin-top: 4px; + margin-left: 15px; + float: left; } .donate-level-name { - font-weight: 900; - font-size: 2.5rem; + font-weight: 900; + font-size: 2.5rem; } .donate-level-amount { - margin-top: -0.8rem; - color: #bababa; - font-weight: 500; + margin-top: -0.8rem; + color: #bababa; + font-weight: 500; } .donate-level-bronze { - color: #9f7d6c; + color: #9f7d6c; } .donate-level-silver { - color: #bbb; + color: #bbb; } .donate-level-gold { - color: #c0b04bff; + color: #c0b04bff; } .donate-level-platinum { - color: #c5c5c5; + color: #c5c5c5; } .donate-level-titanium { - color: #848484; + color: #848484; } .donate-level-diamond { - color: #a3daeb; + color: #a3daeb; } .donate-level-patron { - color: #dcdcdc; + color: #dcdcdc; } .donate-corporate-button { - display: block; - margin-top: 1rem; - margin: auto; - text-align: center; - align-self: center; - padding-top: 4px; - margin-top: 10px; - width: 200px; - height: 40px; + display: block; + margin-top: 1rem; + margin: auto; + text-align: center; + align-self: center; + padding-top: 4px; + margin-top: 10px; + width: 200px; + height: 40px; } .tier-rewards { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - column-gap: 8px; - position: absolute; - width: 100%; - height: 30px; - bottom: 3px; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + column-gap: 8px; + position: absolute; + width: 100%; + height: 30px; + bottom: 3px; } .tier-reward { - height: 20px; - font-size: 0.9rem; - border-width: 1px; - border-style: solid; - border-radius: $border-radius; - color: rgb(150, 150, 150); - line-height: 1.4rem; - padding-left: 8px; - padding-right: 8px; - height: 24px; + height: 20px; + font-size: 0.9rem; + border-width: 1px; + border-style: solid; + border-radius: $border-radius; + color: rgb(150, 150, 150); + line-height: 1.4rem; + padding-left: 8px; + padding-right: 8px; + height: 24px; } .credits-text { - text-align: center; - width: 75%; - margin: auto; - font-size: 1.3rem; + text-align: center; + width: 75%; + margin: auto; + font-size: 1.3rem; } .donate-faq-link { - font-size: 1.4rem; - text-align: center; - margin-top: 4rem; + font-size: 1.4rem; + text-align: center; + margin-top: 4rem; } diff --git a/sass/pages/_migration_guide.scss b/sass/pages/_migration_guide.scss index f3dceb8b0a..5d0b798ae5 100644 --- a/sass/pages/_migration_guide.scss +++ b/sass/pages/_migration_guide.scss @@ -1,6 +1,8 @@ .migration-guide { - h1, h2, h3 { - color: #eee; + h1, + h2, + h3 { + color: var(--heading-color); } h2 { @@ -19,9 +21,9 @@ } h3 { - margin-block: 2rem .5rem; + margin-block: 2rem 0.5rem; padding-top: 2rem; - border-top: solid rgba(#fff, 0.05) 1px; + border-top: solid var(--hr-color) 1px; } } @@ -43,7 +45,7 @@ border-radius: 0.2rem; border-style: solid; border-width: 1px; - color: #888; + color: var(--color-neutral-300); } } @@ -52,14 +54,14 @@ margin-top: 2rem; padding-top: 2rem; margin-bottom: 0.1rem; - border-top: solid var(--color-white-darker-60) 1px; + border-top: solid var(--hr-color) 1px; } .migration-guide-area-tags { display: flex; flex-wrap: wrap; gap: 0.2rem; - color: gray; + color: var(--color-neutral-300); } .migration-guide-area-tag { diff --git a/sass/pages/_news.scss b/sass/pages/_news.scss index f53269150d..316695c730 100644 --- a/sass/pages/_news.scss +++ b/sass/pages/_news.scss @@ -10,15 +10,22 @@ font-size: 1.22rem; font-weight: 200; font-style: italic; - color: var(--subtitle-color); + color: var(--text-dim-color); } .news-content { img { border-radius: $border-radius; max-width: 100%; - padding: $border-radius * 1.5; - background-color: #232326; + } + + &__hero-image, + .img-in-card { + @media (prefers-color-scheme: light) { + padding: 16px; + background-color: var(--color-neutral-700); + border-radius: $border-radius; + } } video { @@ -39,13 +46,13 @@ .news-social-link { font-size: 1.1rem; - color: var(--default-color); + color: var(--text-color); } .release-feature-authors { margin-top: -0.5rem !important; font-style: italic; - color: var(--subtitle-color); + color: var(--text-dim-color); } .release-feature-meta { @@ -56,9 +63,19 @@ } .news-image-subtitle { - color: var(--subtitle-color); + color: var(--text-dim-color); font-style: italic; - font-size: 1.0rem; + font-size: 1rem; margin-top: -0.3rem; text-align: center; + + @media (prefers-color-scheme: light) { + color: var(--color-white); + + a { + @include override-anchor { + color: var(--color-blue-300) !important; + } + } + } } diff --git a/templates/layouts/base.html b/templates/layouts/base.html index 4b0b63806f..40054db7ae 100644 --- a/templates/layouts/base.html +++ b/templates/layouts/base.html @@ -108,22 +108,13 @@ Three horizontal lines stacked on top of eachother + height="16">
{% block mobile_page_menu_switch %}{% endblock mobile_page_menu_switch %} diff --git a/templates/macros/assets.html b/templates/macros/assets.html index 055f84ddf7..13439fce0b 100644 --- a/templates/macros/assets.html +++ b/templates/macros/assets.html @@ -30,6 +30,7 @@ Supported bevy versions
diff --git a/templates/news-page.html b/templates/news-page.html index a5e47be23f..9010168da1 100644 --- a/templates/news-page.html +++ b/templates/news-page.html @@ -48,7 +48,7 @@

{% endif %}

{% if page.extra.image and page.extra.show_image %} -
+
{% if page.extra.image_subtitle %} {{ page.extra.image_subtitle }} {% else %} From e74bf3393f994001986be060b8171dce7a84088b Mon Sep 17 00:00:00 2001 From: doup Date: Mon, 4 Nov 2024 16:54:33 +0100 Subject: [PATCH 20/40] Fix color issues --- sass/_vars.scss | 4 +++- sass/components/_asset-card.scss | 2 +- sass/elements/_html.scss | 2 +- 3 files changed, 5 insertions(+), 3 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index 7ee2bb1841..5b423f04b2 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -161,6 +161,7 @@ $colors: ( --card-border-color: var(--color-neutral-600); --card-border-hover-color: var(--color-neutral-500); --card-bg-gradient-start-color: var(--color-neutral-600); + --card-bg-gradient-end-color: var(--color-neutral-800); --card-img-bg-color: var(--color-neutral-800); --code-bg-color: #{lighten(color(neutral, 700), 3%)}; @@ -271,7 +272,8 @@ $colors: ( --card-border-color: var(--color-neutral-100); --card-border-hover-color: var(--color-neutral-200); --card-bg-gradient-start-color: var(--color-neutral-200); - --card-img-bg-color: var(--color-neutral-400); + --card-bg-gradient-end-color: var(--color-neutral-300); + --card-img-bg-color: var(--color-neutral-700); --code-bg-color: #{darken(color(neutral, 50), 3%)}; --code-bg-hover-color: #{darken(color(neutral, 50), 6%)}; diff --git a/sass/components/_asset-card.scss b/sass/components/_asset-card.scss index ef5add0934..4200729584 100644 --- a/sass/components/_asset-card.scss +++ b/sass/components/_asset-card.scss @@ -21,7 +21,7 @@ $asset-card-padding: 0.4rem; background: linear-gradient( 0deg, var(--card-bg-gradient-start-color) 0%, - var(--card-img-bg-color) 100% + var(--card-bg-gradient-end-color) 100% ); img { diff --git a/sass/elements/_html.scss b/sass/elements/_html.scss index cef23c8a1b..4bbd34a5ea 100644 --- a/sass/elements/_html.scss +++ b/sass/elements/_html.scss @@ -3,7 +3,7 @@ html { color-scheme: dark; font-family: var(--font-family-sans); font-size: calc-rem($size-body-mobile); - background-color: var(--color-neutral-800); + background-color: var(--html-bg-color); scroll-padding-top: var(--scroll-padding-top); * { From c960a978b623c1904fce12bb0272d5e02e6b34a2 Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 5 Nov 2024 11:25:11 +0100 Subject: [PATCH 21/40] Enable light-mode on selected sections: for now just doc pages --- sass/_vars.scss | 265 ++++++++++++++++----------- sass/components/_footer.scss | 23 +-- sass/components/_themed-picture.scss | 26 +++ sass/components/_tree-menu.scss | 5 +- sass/pages/_docs.scss | 4 +- sass/pages/_foundation.scss | 4 +- sass/pages/_news.scss | 19 -- sass/site.scss | 1 + templates/docs.html | 2 + templates/index.html | 27 +-- templates/layouts/base.html | 2 +- 11 files changed, 208 insertions(+), 170 deletions(-) create mode 100644 sass/components/_themed-picture.scss diff --git a/sass/_vars.scss b/sass/_vars.scss index 5b423f04b2..1700c250a8 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -34,6 +34,10 @@ $border-radius: 10px; // Colors // Generated with the help of https://www.tints.dev +// TODO: We could just use CSS variables once "relative colors" has wider +// support (in 2025?). As this would allow us lighten/darken directly using CSS +// vars. See: https://caniuse.com/?search=relative%20colors and +// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors $color-white: #fff; $color-black: #000; $color-blue-link: #7c90ff; @@ -108,6 +112,7 @@ $colors: ( } // Theme + // (shared between light and dark) --header-bg-color: var(--color-neutral-800); --table-border-radius: 4px; @@ -119,121 +124,138 @@ $colors: ( --main-menu-link-hover-color: #{rgba($color-white, 0.05)}; --main-menu-text-color: var(--color-white); - @media (prefers-color-scheme: dark) { - --anchor-link-color: var(--color-neutral-500); - --content-bg-color: var(--color-neutral-700); - --focus-outline: solid #{color(blue, 300)} 3px; - --header-border-color: #2c2c2d; - --heading-color: var(--color-neutral-50); - --hr-color: var(--color-neutral-900); - --html-bg-color: var(--color-neutral-800); - --link-color: var(--color-blue-link); - --scrollbar-thumb-color: var(--color-white); - --text-color: var(--color-neutral-100); - --text-dim-color: var(--color-neutral-300); - - --asset-card-title-bg-color: #{rgba($color-black, 0.5)}; - --asset-card-title-color: var(--color-white); - --asset-tag-bg-color: var(--color-neutral-600); - --asset-tag-text-color: var(--color-white); - - --button-blue-bg-color: var(--color-blue-600); - --button-blue-bg-hover-color: #{darken(color(blue, 600), 3%)}; - --button-blue-border-color: var(--color-blue-400); - --button-blue-text-color: var(--color-white); - --button-pink-bg-color: #9f517a; - --button-pink-bg-hover-color: #954c72; - --button-pink-border-color: #ba789b; - --button-pink-text-color: var(--color-white); - - --callout-caution-accent-color: #e82f5a; - --callout-caution-bg-color: #591626; - --callout-caution-color: #eed5db; - --callout-info-accent-color: var(--color-blue-400); - --callout-info-bg-color: #2f2745; - --callout-info-color: var(--color-blue-100); - --callout-warning-accent-color: #e4c151; - --callout-warning-bg-color: #513903; - --callout-warning-color: #fdfdec; - - --card-bg-color: var(--color-neutral-700); - --card-bg-hover-color: #{lighten(color(neutral, 700), 3%)}; - --card-border-color: var(--color-neutral-600); - --card-border-hover-color: var(--color-neutral-500); - --card-bg-gradient-start-color: var(--color-neutral-600); - --card-bg-gradient-end-color: var(--color-neutral-800); - --card-img-bg-color: var(--color-neutral-800); - - --code-bg-color: #{lighten(color(neutral, 700), 3%)}; - --code-bg-hover-color: #{lighten(color(neutral, 700), 6%)}; - --code-incorrect-border-color: red; - --code-link-color: #e4c151; - --code-text-color: var(--color-neutral-200); - --code-text-dim-color: var(--color-neutral-400); - - --code-aaa: #c0c5ce; - --code-ccc: #c594c5; - --code-ddd: #6699cc; - --code-eee: #dfc479; - --code-fff: #eff1f5; - --code-ggg: #e79e6d; - --code-hhh: #8fa1b3; - --code-iii: #b48ead; - --code-jjj: #9fc37f; - --code-kkk: #e0858d; - --code-lll: #d08770; - --code-mmm: #a3be8c; - --code-nnn: #bf616a; - --code-ooo: #4f5b66; - --code-ppp: #96b5b4; - --code-qqq: #ab7967; - --code-rrr: #2b303b; - --code-sss: #f92672; - --code-ttt: #a6e22e; - --code-uuu: #967efb; - --code-vvv: #565656; - --code-www: #9fc37f; - --code-xxx: #56b6c2; - --code-yyy: #d19a66; - --code-zzz: #d1af8f; - - --docs-footer-color: var(--color-neutral-300); - --docs-footer-dir-color: var(--color-neutral-400); - --docs-footer-dir-hover-color: var(--color-neutral-300); - --docs-footer-hover-color: var(--color-neutral-100); - --docs-footer-hover-bg-color: #{rgba($color-white, 0.01)}; - --docs-footer-border-color: var(--color-neutral-600); - - --example-nav-link-color: var(--color-neutral-100); - --example-nav-link-hover-color: var(--color-white); - - --menu-switch-bg-color: #{rgba($color-white, 0.05)}; - --menu-switch-option-active-bg-color: var(--color-neutral-800); - --menu-switch-option-active-text-color: var(--color-white); - --menu-switch-option-text-color: var(--color-neutral-300); - - --on-this-page-color: var(--color-neutral-300); - --on-this-page-hover-color: var(--color-white); - --on-this-page-active-color: var(--color-white); - - --table-border-color: var(--color-neutral-500); - --table-header-color: var(--color-neutral-800); - --table-header-text-color: var(--heading-color); - - --tree-menu-label-active-bg-color: var(--color-neutral-600); - --tree-menu-label-active-color: var(--color-white); - --tree-menu-label-color: var(--color-neutral-300); - --tree-menu-toc-bg-color: #{darken(color(neutral, 600), 5%)}; - --tree-menu-toggle-hover-color: var(--color-neutral-500); - - .inverted { - } + // Dark Theme + // This eventually should go inside a `@media (prefers-color-scheme: dark) {}` + // media query block. But for now it's the default theme for everyone. The + // idea is to progressively improve the light theme quality before enabling + // "whole site level" light or dark theme. Meanwhile light theme only works in + // selected sections. + --anchor-link-color: var(--color-neutral-500); + --content-bg-color: var(--color-neutral-700); + --docs-whats-a-bevy-filter: none; + --focus-outline: solid #{color(blue, 300)} 3px; + --footer-image-filter: grayscale(1) brightness(800%); + --foundation-logo-filter: none; + --header-border-color: #2c2c2d; + --heading-color: var(--color-neutral-50); + --hr-color: var(--color-neutral-900); + --html-bg-color: var(--color-neutral-800); + --link-color: var(--color-blue-link); + --scrollbar-thumb-color: var(--color-white); + --text-color: var(--color-neutral-100); + --text-dim-color: var(--color-neutral-300); + + --asset-card-title-bg-color: #{rgba($color-black, 0.5)}; + --asset-card-title-color: var(--color-white); + --asset-tag-bg-color: var(--color-neutral-600); + --asset-tag-text-color: var(--color-white); + + --button-blue-bg-color: var(--color-blue-600); + --button-blue-bg-hover-color: #{darken(color(blue, 600), 3%)}; + --button-blue-border-color: var(--color-blue-400); + --button-blue-text-color: var(--color-white); + --button-pink-bg-color: #9f517a; + --button-pink-bg-hover-color: #954c72; + --button-pink-border-color: #ba789b; + --button-pink-text-color: var(--color-white); + + --callout-caution-accent-color: #e82f5a; + --callout-caution-bg-color: #591626; + --callout-caution-color: #eed5db; + --callout-info-accent-color: var(--color-blue-400); + --callout-info-bg-color: #2f2745; + --callout-info-color: var(--color-blue-100); + --callout-warning-accent-color: #e4c151; + --callout-warning-bg-color: #513903; + --callout-warning-color: #fdfdec; + + --card-bg-color: var(--color-neutral-700); + --card-bg-hover-color: #{lighten(color(neutral, 700), 3%)}; + --card-border-color: var(--color-neutral-600); + --card-border-hover-color: var(--color-neutral-500); + --card-bg-gradient-start-color: var(--color-neutral-600); + --card-bg-gradient-end-color: var(--color-neutral-800); + --card-img-bg-color: var(--color-neutral-800); + + --code-bg-color: #{lighten(color(neutral, 700), 3%)}; + --code-bg-hover-color: #{lighten(color(neutral, 700), 6%)}; + --code-incorrect-border-color: red; + --code-link-color: #e4c151; + --code-text-color: var(--color-neutral-200); + --code-text-dim-color: var(--color-neutral-400); + + --code-aaa: #c0c5ce; + --code-ccc: #c594c5; + --code-ddd: #6699cc; + --code-eee: #dfc479; + --code-fff: #eff1f5; + --code-ggg: #e79e6d; + --code-hhh: #8fa1b3; + --code-iii: #b48ead; + --code-jjj: #9fc37f; + --code-kkk: #e0858d; + --code-lll: #d08770; + --code-mmm: #a3be8c; + --code-nnn: #bf616a; + --code-ooo: #4f5b66; + --code-ppp: #96b5b4; + --code-qqq: #ab7967; + --code-rrr: #2b303b; + --code-sss: #f92672; + --code-ttt: #a6e22e; + --code-uuu: #967efb; + --code-vvv: #565656; + --code-www: #9fc37f; + --code-xxx: #56b6c2; + --code-yyy: #d19a66; + --code-zzz: #d1af8f; + + --docs-footer-color: var(--color-neutral-300); + --docs-footer-dir-color: var(--color-neutral-400); + --docs-footer-dir-hover-color: var(--color-neutral-300); + --docs-footer-hover-color: var(--color-neutral-100); + --docs-footer-hover-bg-color: #{rgba($color-white, 0.01)}; + --docs-footer-border-color: var(--color-neutral-600); + + --example-nav-link-color: var(--color-neutral-100); + --example-nav-link-hover-color: var(--color-white); + + --menu-switch-bg-color: #{rgba($color-white, 0.05)}; + --menu-switch-option-active-bg-color: var(--color-neutral-800); + --menu-switch-option-active-text-color: var(--color-white); + --menu-switch-option-text-color: var(--color-neutral-300); + + --on-this-page-color: var(--color-neutral-300); + --on-this-page-hover-color: var(--color-white); + --on-this-page-active-color: var(--color-white); + + --table-border-color: var(--color-neutral-500); + --table-header-color: var(--color-neutral-800); + --table-header-text-color: var(--heading-color); + + --tree-menu-chevron-filter: none; + --tree-menu-label-active-bg-color: var(--color-neutral-600); + --tree-menu-label-active-color: var(--color-white); + --tree-menu-label-color: var(--color-neutral-300); + --tree-menu-toc-bg-color: #{darken(color(neutral, 600), 5%)}; + --tree-menu-toggle-hover-color: var(--color-neutral-500); + + .inverted { } +} +// Light Theme +// We default to a dark theme even when the user prefers a light theme, as the +// light theme quality is not good enough. So, only some selected sections are +// styled in light mode. +.light-mode { @media (prefers-color-scheme: light) { --anchor-link-color: var(--color-neutral-200); --content-bg-color: #{darken($color-white, 3%)}; + --docs-whats-a-bevy-filter: invert(85%); --focus-outline: solid #{color(blue, 500)} 3px; + --footer-image-filter: grayscale(1) brightness(0%); + --foundation-logo-filter: invert(80%); --header-border-color: var(--color-neutral-400); --heading-color: var(--color-neutral-950); --hr-color: var(--color-neutral-100); @@ -337,6 +359,7 @@ $colors: ( --table-header-color: var(--color-neutral-200); --table-header-text-color: var(--heading-color); + --tree-menu-chevron-filter: invert(65%); --tree-menu-label-active-bg-color: var(--color-neutral-100); --tree-menu-label-active-color: var(--color-black); --tree-menu-label-color: var(--color-neutral-600); @@ -346,5 +369,29 @@ $colors: ( .inverted { filter: invert(90%) hue-rotate(180deg); } + + // News Hacks + .news-content__hero-image, + .img-in-card { + @media (prefers-color-scheme: light) { + padding: 16px; + background-color: var(--color-neutral-700); + border-radius: $border-radius; + } + } + + .news-image-subtitle { + color: var(--color-white); + + a { + &, + &:focus, + &:hover, + &:active &:link, + &:visited { + color: var(--color-blue-300) !important; + } + } + } } } diff --git a/sass/components/_footer.scss b/sass/components/_footer.scss index 6981a91e39..f6bd29c71c 100644 --- a/sass/components/_footer.scss +++ b/sass/components/_footer.scss @@ -7,24 +7,11 @@ padding: 20px; } - @media (prefers-color-scheme: dark) { - &__social { - img { - filter: grayscale(1) brightness(800%); - &:hover { - scale: 110%; - } - } - } - } - - @media (prefers-color-scheme: light) { - &__social { - img { - filter: grayscale(1) brightness(0%); - &:hover { - scale: 110%; - } + &__social { + img { + filter: var(--footer-image-filter); + &:hover { + scale: 110%; } } } diff --git a/sass/components/_themed-picture.scss b/sass/components/_themed-picture.scss new file mode 100644 index 0000000000..a6dd6bf335 --- /dev/null +++ b/sass/components/_themed-picture.scss @@ -0,0 +1,26 @@ +// This BEM component is used as an alternative to the more direct approach of +// using `media="(prefers-color-scheme: light)"` on a `source` element. The +// issue is that we're white-listing the pages that allow the light-theme. So we +// need to obview `.light-mode` class and not `prefers-color-scheme` media +// query. +.themed-picture { + &__light { + display: none !important; + } + + &__dark { + display: initial; + } +} + +.light-mode { + .themed-picture { + &__light { + display: initial; + } + + &__dark { + display: none !important; + } + } +} diff --git a/sass/components/_tree-menu.scss b/sass/components/_tree-menu.scss index 60897cdf58..ed6723046b 100644 --- a/sass/components/_tree-menu.scss +++ b/sass/components/_tree-menu.scss @@ -72,10 +72,7 @@ &__chevron { transition: transform $duration; transform: rotate(-90deg); - - @media (prefers-color-scheme: light) { - filter: invert(65%); - } + filter: var(--tree-menu-chevron-filter); } &__item--active { diff --git a/sass/pages/_docs.scss b/sass/pages/_docs.scss index c359f87230..59fedddecd 100644 --- a/sass/pages/_docs.scss +++ b/sass/pages/_docs.scss @@ -40,9 +40,7 @@ .docs-whats-a-bevy { background-color: #00000000; // !important; - @media (prefers-color-scheme: light) { - filter: invert(85%); - } + filter: var(--docs-whats-a-bevy-filter); height: 2.4rem !important; border-radius: unset !important; } diff --git a/sass/pages/_foundation.scss b/sass/pages/_foundation.scss index a6c8fb4f2a..7caa78fe8e 100644 --- a/sass/pages/_foundation.scss +++ b/sass/pages/_foundation.scss @@ -7,7 +7,5 @@ max-width: 100%; margin-top: 2.2rem; margin-bottom: 0.8rem; - @media (prefers-color-scheme: light) { - filter: invert(80%); - } + filter: var(--foundation-logo-filter); } diff --git a/sass/pages/_news.scss b/sass/pages/_news.scss index 316695c730..8916ce19ec 100644 --- a/sass/pages/_news.scss +++ b/sass/pages/_news.scss @@ -19,15 +19,6 @@ max-width: 100%; } - &__hero-image, - .img-in-card { - @media (prefers-color-scheme: light) { - padding: 16px; - background-color: var(--color-neutral-700); - border-radius: $border-radius; - } - } - video { border-radius: $border-radius; max-width: 100%; @@ -68,14 +59,4 @@ font-size: 1rem; margin-top: -0.3rem; text-align: center; - - @media (prefers-color-scheme: light) { - color: var(--color-white); - - a { - @include override-anchor { - color: var(--color-blue-300) !important; - } - } - } } diff --git a/sass/site.scss b/sass/site.scss index 1aa47aa9b8..c61bf7874f 100644 --- a/sass/site.scss +++ b/sass/site.scss @@ -49,6 +49,7 @@ @import "components/pr-list"; @import "components/sponsors"; @import "components/syntax-theme"; +@import "components/themed-picture"; @import "components/tree-menu"; @import "components/asset-card"; @import "components/image_compare"; diff --git a/templates/docs.html b/templates/docs.html index 27e0f8acc6..09139ca174 100644 --- a/templates/docs.html +++ b/templates/docs.html @@ -2,6 +2,8 @@ {% import "macros/docs.html" as docs_macros %} {% import "macros/base.html" as base_macros %} +{% block theme %}light-mode{% endblock theme %} + {% block head_extensions %} {% set_global ancestor_is_public_draft = false %} diff --git a/templates/index.html b/templates/index.html index ed87374aec..6c3c498ff9 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,16 +6,17 @@ {% endblock head_extensions %} {% block content %} - - + Bevy logo - Bevy logo - + From e80066786aa4e4b64c24efb2d9adfa461f4253c8 Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 5 Nov 2024 23:46:52 +0100 Subject: [PATCH 22/40] Minor tweaks --- sass/_vars.scss | 4 ++-- sass/components/_tree-menu.scss | 4 ++++ sass/pages/_docs.scss | 6 ++++++ 3 files changed, 12 insertions(+), 2 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index 1700c250a8..3a4f6cd80b 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -142,7 +142,7 @@ $colors: ( --html-bg-color: var(--color-neutral-800); --link-color: var(--color-blue-link); --scrollbar-thumb-color: var(--color-white); - --text-color: var(--color-neutral-100); + --text-color: var(--color-neutral-200); --text-dim-color: var(--color-neutral-300); --asset-card-title-bg-color: #{rgba($color-black, 0.5)}; @@ -233,7 +233,7 @@ $colors: ( --table-header-color: var(--color-neutral-800); --table-header-text-color: var(--heading-color); - --tree-menu-chevron-filter: none; + --tree-menu-chevron-filter: brightness(70%); --tree-menu-label-active-bg-color: var(--color-neutral-600); --tree-menu-label-active-color: var(--color-white); --tree-menu-label-color: var(--color-neutral-300); diff --git a/sass/components/_tree-menu.scss b/sass/components/_tree-menu.scss index ed6723046b..8e7d1bdd92 100644 --- a/sass/components/_tree-menu.scss +++ b/sass/components/_tree-menu.scss @@ -30,6 +30,10 @@ &:hover { background-color: var(--tree-menu-label-active-bg-color); + + .tree-menu__link { + color: var(--tree-menu-label-active-color) + } } &--with-chevron { diff --git a/sass/pages/_docs.scss b/sass/pages/_docs.scss index 59fedddecd..02c7defa69 100644 --- a/sass/pages/_docs.scss +++ b/sass/pages/_docs.scss @@ -17,6 +17,12 @@ width: 100%; min-width: 0; + h1, + h2, + h3 { + color: var(--heading-color); + } + h1 { font-size: 2.4rem; margin: 0 0 16px; From 5f9e42e5301772e5dd08e879d70bb91cb635290e Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 5 Nov 2024 23:59:59 +0100 Subject: [PATCH 23/40] Minor tweaks --- sass/_mixins.scss | 5 ++--- sass/_vars.scss | 10 +++++----- sass/components/_link-card.scss | 4 ++-- sass/pages/_content.scss | 5 +++++ sass/pages/_features.scss | 3 ++- sass/pages/_news.scss | 1 + 6 files changed, 17 insertions(+), 11 deletions(-) diff --git a/sass/_mixins.scss b/sass/_mixins.scss index f13a676708..484bab4396 100644 --- a/sass/_mixins.scss +++ b/sass/_mixins.scss @@ -52,10 +52,9 @@ @mixin scrollbar-v { $track-width: 4px; - $thumb-color: rgba(var(--scrollbar-thumb-color), 0.2); scrollbar-width: thin; - scrollbar-color: $thumb-color transparent; + scrollbar-color: var(--scrollbar-thumb-color) transparent; &::-webkit-scrollbar-track { background-color: transparent; @@ -67,7 +66,7 @@ } &::-webkit-scrollbar-thumb { - background-color: $thumb-color; + background-color: var(--scrollbar-thumb-color); border-radius: $track-width; } } diff --git a/sass/_vars.scss b/sass/_vars.scss index 3a4f6cd80b..bc03e9ea33 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -141,7 +141,7 @@ $colors: ( --hr-color: var(--color-neutral-900); --html-bg-color: var(--color-neutral-800); --link-color: var(--color-blue-link); - --scrollbar-thumb-color: var(--color-white); + --scrollbar-thumb-color: #{rgba($color-white, 0.2)}; --text-color: var(--color-neutral-200); --text-dim-color: var(--color-neutral-300); @@ -169,13 +169,13 @@ $colors: ( --callout-warning-bg-color: #513903; --callout-warning-color: #fdfdec; - --card-bg-color: var(--color-neutral-700); - --card-bg-hover-color: #{lighten(color(neutral, 700), 3%)}; + --card-bg-color: #{lighten(color(neutral, 700), 3%)}; + --card-bg-hover-color: #{lighten(color(neutral, 700), 6%)}; --card-border-color: var(--color-neutral-600); --card-border-hover-color: var(--color-neutral-500); --card-bg-gradient-start-color: var(--color-neutral-600); --card-bg-gradient-end-color: var(--color-neutral-800); - --card-img-bg-color: var(--color-neutral-800); + --card-img-bg-color: #{darken(color(neutral, 800), 2%)}; --code-bg-color: #{lighten(color(neutral, 700), 3%)}; --code-bg-hover-color: #{lighten(color(neutral, 700), 6%)}; @@ -261,7 +261,7 @@ $colors: ( --hr-color: var(--color-neutral-100); --html-bg-color: var(--color-neutral-100); --link-color: #4a33d9; - --scrollbar-thumb-color: var(--color-white); + --scrollbar-thumb-color: #{rgba($color-black, 0.2)}; --text-color: var(--color-neutral-600); --text-dim-color: var(--color-neutral-400); diff --git a/sass/components/_link-card.scss b/sass/components/_link-card.scss index d2a5f1f062..bd9673da7e 100644 --- a/sass/components/_link-card.scss +++ b/sass/components/_link-card.scss @@ -56,7 +56,7 @@ line-height: 1.1; font-size: 2rem; font-weight: 500; - color: var(--text-color); + color: var(--heading-color); font-style: normal; margin-bottom: 4px; } @@ -65,7 +65,7 @@ font-size: 1.4rem; font-weight: 200; font-style: italic; - color: var(--text-dim-color); + color: var(--text-color); } &__description { diff --git a/sass/pages/_content.scss b/sass/pages/_content.scss index 14be5df958..2707dfaccd 100644 --- a/sass/pages/_content.scss +++ b/sass/pages/_content.scss @@ -10,6 +10,11 @@ $content-font-size: 1.22rem; text-decoration: none; word-break: break-word; + h2, + h3 { + color: var(--heading-color); + } + h2 { margin-top: 2.2rem; margin-bottom: 0.5rem; diff --git a/sass/pages/_features.scss b/sass/pages/_features.scss index d414eb4f3e..27ec6163c9 100644 --- a/sass/pages/_features.scss +++ b/sass/pages/_features.scss @@ -37,6 +37,7 @@ } .feature-title { + color: var(--heading-color); font-size: 2.1rem; margin-top: 0; margin-bottom: 0.3rem; @@ -123,7 +124,7 @@ } .platinum-sponsor-image { - height: 7.0rem; + height: 7rem; margin: 1rem; } diff --git a/sass/pages/_news.scss b/sass/pages/_news.scss index 8916ce19ec..e3a8f2134a 100644 --- a/sass/pages/_news.scss +++ b/sass/pages/_news.scss @@ -1,4 +1,5 @@ .news-title { + color: var(--heading-color); font-size: 2.8rem; font-weight: 800; margin-bottom: 0px; From 4567dad1d8204398801bbc43aa0188351fff86da Mon Sep 17 00:00:00 2001 From: doup Date: Sun, 23 Feb 2025 12:00:44 +0100 Subject: [PATCH 24/40] Delete TODOs.md --- TODOs.md | 38 -------------------------------------- 1 file changed, 38 deletions(-) delete mode 100644 TODOs.md diff --git a/TODOs.md b/TODOs.md deleted file mode 100644 index f06b5825a8..0000000000 --- a/TODOs.md +++ /dev/null @@ -1,38 +0,0 @@ -TODOs for the light mode theme: - -- [x] Invert SVGs -- [x] Invert most images -- [x] Get body text legible -- [x] Get all text legible -- [x] Remove un-necessary `-inverted.svg` files -- [x] Fix images: - - [x] Hamburger menu - - [x] /404.html - - [x] news - - [x] news/introducing-bevy/ - - [x] and other instances of `bevy_logo_dark.svg`. - - [x] charts on ~~news/bevy-0-2/, 0-3/, 0-4/, 0-5/, 0-6/, 0-8/, 0-12/~~, - - [x] news/community-reflection-on-bevys-third-year/ - - [x] frontmatter - - Rather than individually addressing each image, I simply changed the CSS - - [ ] ~~bevy birthday~~ - - [ ] ~~scaling bevy~~ - - [ ] ~~webgpu.svg~~ - - [ ] ~~foundation~~ -- [x] Give the colors another pass; make it look good! - - [x] Donate page - - [x] Error/Warn/Info boxes - - [x] The rest! -- [x] Merge in from `main` -- [x] Check new pages: - - [x] Bevy fourth birthday - - [x] `contributing/` - - [x] Generate assets and look through those, too - - [x] generate_assets - - [x] generate_examples - - [x] generate_errors -- [ ] Update preview -- [ ] Theme toggle: https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/ - - [ ] Make MVP as separate project: Three-state Javascript toggle, defaults to dark, except without JS, defaults to prefers-system color scheme - - [ ] Retrofit into existing theme -- [ ] Ping BD103 on the PR once it's ready: From fcd8cbb6d9be97f40af57d3bf384e723d161f7c7 Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 25 Feb 2025 18:41:01 +0100 Subject: [PATCH 25/40] Fix minor issues --- sass/_vars.scss | 12 ++++++++---- sass/components/_link-card.scss | 2 +- sass/elements/_details.scss | 2 +- 3 files changed, 10 insertions(+), 6 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index 8aa5b6bdb4..97d9ab9701 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -133,7 +133,7 @@ $colors: ( --anchor-link-color: var(--color-neutral-500); --content-bg-color: var(--color-neutral-700); --docs-whats-a-bevy-filter: none; - --focus-outline: solid #{color(blue, 300)} 3px; + --focus-outline: solid var(--color-blue-300) 3px; --footer-image-filter: grayscale(1) brightness(800%); --foundation-logo-filter: none; --header-border-color: #2c2c2d; @@ -142,7 +142,7 @@ $colors: ( --html-bg-color: var(--color-neutral-800); --link-color: var(--color-blue-link); --scrollbar-thumb-color: #{rgba($color-white, 0.2)}; - --text-color: #d2d2d2; + --text-color: var(--color-neutral-100); --text-dim-color: var(--color-neutral-300); --asset-card-title-bg-color: #{rgba($color-black, 0.5)}; @@ -210,6 +210,8 @@ $colors: ( --code-yyy: #d19a66; --code-zzz: #d1af8f; + --details-bg-color: var(--color-white); + --docs-footer-color: var(--color-neutral-300); --docs-footer-dir-color: var(--color-neutral-400); --docs-footer-dir-hover-color: var(--color-neutral-300); @@ -253,7 +255,7 @@ $colors: ( --anchor-link-color: var(--color-neutral-200); --content-bg-color: #{darken($color-white, 3%)}; --docs-whats-a-bevy-filter: invert(85%); - --focus-outline: solid #{color(blue, 500)} 3px; + --focus-outline: solid var(--color-blue-500) 3px; --footer-image-filter: grayscale(1) brightness(0%); --foundation-logo-filter: invert(80%); --header-border-color: var(--color-neutral-400); @@ -330,6 +332,8 @@ $colors: ( --code-yyy: #d0721a; --code-zzz: #df9754; + --details-bg-color: var(--color-black); + --docs-footer-border-color: var(--color-neutral-100); --docs-footer-color: var(--color-neutral-600); --docs-footer-dir-color: var(--color-neutral-400); @@ -351,7 +355,7 @@ $colors: ( --menu-switch-option-active-text-color: var(--color-black); --menu-switch-option-text-color: var(--color-neutral-500); - --on-this-page-color: var(--color-neutral-300); + --on-this-page-color: var(--color-neutral-400); --on-this-page-hover-color: var(--color-black); --on-this-page-active-color: var(--color-black); diff --git a/sass/components/_link-card.scss b/sass/components/_link-card.scss index bd9673da7e..6c298ded1d 100644 --- a/sass/components/_link-card.scss +++ b/sass/components/_link-card.scss @@ -65,7 +65,7 @@ font-size: 1.4rem; font-weight: 200; font-style: italic; - color: var(--text-color); + color: var(--text-dim-color); } &__description { diff --git a/sass/elements/_details.scss b/sass/elements/_details.scss index ffcb95a0ff..4827f56e4f 100644 --- a/sass/elements/_details.scss +++ b/sass/elements/_details.scss @@ -3,7 +3,7 @@ details { border-radius: $border-radius; padding: 0 $h-padding; margin-block: 1em; - background-color: rgba(var(--color-white), 0.1); + background-color: unquote("rgb(from var(--details-bg-color) r g b / 0.05)"); overflow: hidden; // prevent clobbering corner radii & h1, From b4bc487a2103e9e0b6fcaf11b25f38775d2e8a15 Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 25 Feb 2025 20:33:41 +0100 Subject: [PATCH 26/40] Use CSS vars for all the colors --- sass/_utils.scss | 6 +-- sass/_vars.scss | 81 +++++++++++++++++++++++++++-- sass/components/_asset-card.scss | 4 +- sass/components/_bevy-instance.scss | 12 ++--- sass/components/_button-square.scss | 4 +- sass/components/_card.scss | 2 +- sass/components/_example.scss | 1 + sass/components/_header.scss | 2 +- sass/components/_heading-meta.scss | 2 +- sass/components/_main-menu.scss | 2 +- sass/components/_sponsors.scss | 14 ++--- sass/components/_syntax-theme.scss | 17 +++--- sass/components/_tabs.scss | 7 +-- sass/components/_todo.scss | 6 +-- sass/pages/_assets.scss | 12 ++--- sass/pages/_content.scss | 2 +- sass/pages/_docs.scss | 9 ---- sass/pages/_donate.scss | 32 ++++++------ sass/pages/_features.scss | 2 +- sass/pages/_migration_guide.scss | 8 +-- sass/pages/_people.scss | 16 +++--- templates/docs.html | 3 -- 22 files changed, 152 insertions(+), 92 deletions(-) diff --git a/sass/_utils.scss b/sass/_utils.scss index ca29a4ca49..75fa2bf7a5 100644 --- a/sass/_utils.scss +++ b/sass/_utils.scss @@ -24,7 +24,7 @@ } .warning { - color: #c8c864; + color: var(--warning-color); } body:not(.show_drafts) .public_draft:not(.active_draft) { @@ -32,7 +32,7 @@ body:not(.show_drafts) .public_draft:not(.active_draft) { } .public_draft > div > a { - color: #c8c864 !important; + color: var(--warning-color) !important; } .draft-header { @@ -65,7 +65,7 @@ h6 { } .public_draft > div > a { - color: #c8c864 !important; + color: var(--warning-color) !important; } .draft-header { diff --git a/sass/_vars.scss b/sass/_vars.scss index 97d9ab9701..8b5a094bcd 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -123,6 +123,7 @@ $colors: ( --main-menu-backdrop-color: #{rgba($color-black, 0.2)}; --main-menu-link-hover-color: #{rgba($color-white, 0.05)}; --main-menu-text-color: var(--color-white); + --main-menu-box-shadow-color: #{rgba($color-black, 0.3)}; // Dark Theme // This eventually should go inside a `@media (prefers-color-scheme: dark) {}` @@ -133,22 +134,47 @@ $colors: ( --anchor-link-color: var(--color-neutral-500); --content-bg-color: var(--color-neutral-700); --docs-whats-a-bevy-filter: none; + --feature-image-bg-color: #2b2c2f; --focus-outline: solid var(--color-blue-300) 3px; --footer-image-filter: grayscale(1) brightness(800%); --foundation-logo-filter: none; --header-border-color: #2c2c2d; + --header-message-color: #868686; --heading-color: var(--color-neutral-50); - --hr-color: var(--color-neutral-900); + --heading-meta-item-color: var(--color-neutral-200); --html-bg-color: var(--color-neutral-800); --link-color: var(--color-blue-link); + --news-fun-list-color: #a0c5e7; --scrollbar-thumb-color: #{rgba($color-white, 0.2)}; --text-color: var(--color-neutral-100); --text-dim-color: var(--color-neutral-300); + --warning-color: #c8c864; --asset-card-title-bg-color: #{rgba($color-black, 0.5)}; --asset-card-title-color: var(--color-white); + --asset-card-tag-icon-color: rgb(149, 149, 157); + --asset-card-supported-color: rgb(110, 110, 247); --asset-tag-bg-color: var(--color-neutral-600); --asset-tag-text-color: var(--color-white); + --asset-version-select-bg-color: var(--code-bg-color); + --asset-version-select-bg-hover-color: #6b6b6b; + --asset-version-select-border-color: #383838; + + --bevy-instance-canvas-color: #2b2c2f; + --bevy-instance-text-shadow-color: var(--color-black); + --bevy-instance-progress-track-color: #555; + --bevy-instance-progress-bar-color: #799bbb; + // Generated using: https://stripesgenerator.com + --bevy-instance-progress-bar-stripes: linear-gradient( + 131deg, + #799bbb 25%, + #597899 25%, + #597899 50%, + #799bbb 50%, + #799bbb 75%, + #597899 75%, + #597899 100% + ); --button-blue-bg-color: var(--color-blue-600); --button-blue-bg-hover-color: #{darken(color(blue, 600), 3%)}; @@ -158,6 +184,7 @@ $colors: ( --button-pink-bg-hover-color: #954c72; --button-pink-border-color: #ba789b; --button-pink-text-color: var(--color-white); + --button-square-bg-color: var(--color-white); --callout-caution-accent-color: #e82f5a; --callout-caution-bg-color: #591626; @@ -176,10 +203,17 @@ $colors: ( --card-bg-gradient-start-color: var(--color-neutral-600); --card-bg-gradient-end-color: var(--color-neutral-800); --card-img-bg-color: #{darken(color(neutral, 800), 2%)}; + --card-sponsor-icon-color: #b13376; --code-bg-color: #{lighten(color(neutral, 700), 3%)}; --code-bg-hover-color: #{lighten(color(neutral, 700), 6%)}; - --code-incorrect-border-color: red; + --code-incorrect-bg-color: #481e21; + --code-incorrect-border-color: darkred; + --code-incorrect-border-hover-color: red; + --code-incorrect-img-hover-filter: invert(10%) sepia(85%) saturate(7491%) + hue-rotate(5deg) brightness(116%) contrast(114%); // red + --code-incorrect-img-filter: invert(11%) sepia(57%) saturate(5143%) + hue-rotate(350deg) brightness(118%) contrast(87%); // firebrick red --code-link-color: #e4c151; --code-text-color: var(--color-neutral-200); --code-text-dim-color: var(--color-neutral-400); @@ -219,9 +253,23 @@ $colors: ( --docs-footer-hover-bg-color: #{rgba($color-white, 0.01)}; --docs-footer-border-color: var(--color-neutral-600); - --example-nav-link-color: var(--color-neutral-100); + --donate-level-corporate-color: rgb(150, 150, 150); + --donate-level-amount-color: #bababa; + --donate-level-bronze-color: #9f7d6c; + --donate-level-silver-color: #bbb; + --donate-level-gold-color: #c0b04bff; + --donate-level-platinum-color: #c5c5c5; + --donate-level-titanium-color: #848484; + --donate-level-diamond-color: #a3daeb; + --donate-level-patron-color: #dcdcdc; + --donate-tier-reward-color: rgb(150, 150, 150); + + --example-nav-link-color: var(--color-neutral-200); --example-nav-link-hover-color: var(--color-white); + --hr-color: var(--color-white); + --hr-color-legacy: var(--color-neutral-900); + --menu-switch-bg-color: #{rgba($color-white, 0.05)}; --menu-switch-option-active-bg-color: var(--color-neutral-800); --menu-switch-option-active-text-color: var(--color-white); @@ -231,10 +279,28 @@ $colors: ( --on-this-page-hover-color: var(--color-white); --on-this-page-active-color: var(--color-white); + --people-role-lead-color: rgb(200, 200, 50); + --people-role-maintainer-color: rgb(242, 103, 255); + --people-role-sme-color: rgb(80, 200, 50); + + --sponsor-vip-bg-color: var(--color-neutral-700); + --sponsor-vip-title-color: var(--color-neutral-100); + --sponsor-vip-name-color: var(--color-blue-link); + --sponsor-name-color: rgb(150, 150, 150); + --sponsor-link-color: var(--link-color); + --sponsor-amount-color: rgb(150, 150, 150); + --sponsor-past-donor-color: rgb(150, 150, 150); + --table-border-color: var(--color-neutral-500); --table-header-color: var(--color-neutral-800); --table-header-text-color: var(--heading-color); + --tabs-bg-color: var(--color-white); + --tabs-highlight-color: var(--color-blue-link); + + --todo-bg-color: hsla(50, 50, 50, 0.3); + --todo-border-color: hsla(50, 75, 50, 0.5); + --tree-menu-chevron-filter: brightness(70%); --tree-menu-label-active-bg-color: var(--color-neutral-600); --tree-menu-label-active-color: var(--color-white); @@ -260,12 +326,13 @@ $colors: ( --foundation-logo-filter: invert(80%); --header-border-color: var(--color-neutral-400); --heading-color: var(--color-neutral-950); - --hr-color: var(--color-neutral-100); + --heading-meta-item-color: var(--color-neutral-600); --html-bg-color: var(--color-neutral-100); --link-color: #4a33d9; --scrollbar-thumb-color: #{rgba($color-black, 0.2)}; --text-color: var(--color-neutral-700); --text-dim-color: var(--color-neutral-400); + --warning-color: #b3b318; --asset-card-title-bg-color: #{rgba($color-white, 0.7)}; --asset-card-title-color: var(--color-black); @@ -344,6 +411,9 @@ $colors: ( --example-nav-link-color: var(--color-neutral-400); --example-nav-link-hover-color: var(--color-black); + --hr-color: var(--color-black); + --hr-color-legacy: var(--color-neutral-100); + @media #{$bp-tablet-landscape-down} { --main-menu-active-color: var(--color-blue-600); --main-menu-link-hover-color: #{rgba($color-black, 0.03)}; @@ -363,6 +433,9 @@ $colors: ( --table-header-color: var(--color-neutral-200); --table-header-text-color: var(--heading-color); + --tabs-bg-color: var(--color-black); + --tabs-highlight-color: var(--color-blue-link); + --tree-menu-chevron-filter: invert(65%); --tree-menu-label-active-bg-color: var(--color-neutral-100); --tree-menu-label-active-color: var(--color-black); diff --git a/sass/components/_asset-card.scss b/sass/components/_asset-card.scss index 4200729584..918078669a 100644 --- a/sass/components/_asset-card.scss +++ b/sass/components/_asset-card.scss @@ -85,7 +85,7 @@ $asset-card-padding: 0.4rem; svg { height: 1.2rem; width: 1.2rem; - fill: rgb(149, 149, 157); + fill: var(--asset-card-tag-icon-color); } } @@ -116,7 +116,7 @@ $asset-card-padding: 0.4rem; background: var(--asset-tag-bg-color); &--supported { - background-color: rgb(110, 110, 247); + background-color: var(--asset-card-supported-color); } } } diff --git a/sass/components/_bevy-instance.scss b/sass/components/_bevy-instance.scss index fc74f67669..5450e9ed54 100644 --- a/sass/components/_bevy-instance.scss +++ b/sass/components/_bevy-instance.scss @@ -19,7 +19,7 @@ &__progress-file { margin-bottom: 4px; font-weight: normal; - text-shadow: 1px 1px 1px #000; + text-shadow: 1px 1px 1px var(--bevy-instance-text-shadow-color); font-size: 0.85rem; word-break: break-all; } @@ -28,7 +28,7 @@ width: 100%; height: 4px; border-radius: 4px; - background-color: #555; + background-color: var(--bevy-instance-progress-track-color); &:not(:last-child) { margin-bottom: 2px; @@ -38,7 +38,7 @@ &__progress-bar { height: 4px; min-width: 4px; - background-color: #799bbb; + background-color: var(--bevy-instance-progress-bar-color); border-radius: 4px; width: 0px; @@ -54,8 +54,8 @@ } // Generated using: https://stripesgenerator.com - background-image: linear-gradient(131deg, #799bbb 25%, #597899 25%, #597899 50%, #799bbb 50%, #799bbb 75%, #597899 75%, #597899 100%); - background-size: 26.50px 30.49px; + background-image: var(--bevy-instance-progress-bar-stripes); + background-size: 26.5px 30.49px; // Animate background animation-duration: 1s; @@ -70,6 +70,6 @@ width: 100% !important; height: auto !important; border-radius: $border-radius; - background: #2b2c2f; + background: var(--bevy-instance-canvas-color); } } diff --git a/sass/components/_button-square.scss b/sass/components/_button-square.scss index 3737bddcdf..a307b76b56 100644 --- a/sass/components/_button-square.scss +++ b/sass/components/_button-square.scss @@ -9,7 +9,9 @@ content: ""; position: absolute; inset: 8px; - background-color: rgba($color-white, 0.05); + background-color: unquote( + "rgb(from var(--button-square-bg-color) r g b / 0.05)" + ); border-radius: $border-radius; } } diff --git a/sass/components/_card.scss b/sass/components/_card.scss index 25c6354690..46aef8ec7c 100644 --- a/sass/components/_card.scss +++ b/sass/components/_card.scss @@ -26,7 +26,7 @@ } .card-sponsor-icon { - fill: #b13376; + fill: var(--card-sponsor-icon-color); } .card-image { diff --git a/sass/components/_example.scss b/sass/components/_example.scss index 199a2215f0..509e2e7df6 100644 --- a/sass/components/_example.scss +++ b/sass/components/_example.scss @@ -23,6 +23,7 @@ margin: 0; font-size: 1.75rem; text-align: center; + color: var(--heading-color); } &__back, diff --git a/sass/components/_header.scss b/sass/components/_header.scss index 483486500d..7ad6cbca55 100644 --- a/sass/components/_header.scss +++ b/sass/components/_header.scss @@ -38,7 +38,7 @@ display: none; font-size: 1.28rem; font-weight: 500; - color: #868686; + color: var(--header-message-color); margin-left: 12px; white-space: nowrap; diff --git a/sass/components/_heading-meta.scss b/sass/components/_heading-meta.scss index bb4dcc2ea8..d959a4c7fb 100644 --- a/sass/components/_heading-meta.scss +++ b/sass/components/_heading-meta.scss @@ -8,7 +8,7 @@ flex-wrap: wrap; &__item { - color: #b8b8b8 !important; + color: var(--heading-meta-item-color) !important; } &__title { diff --git a/sass/components/_main-menu.scss b/sass/components/_main-menu.scss index 1e0231e47a..8b491e8941 100644 --- a/sass/components/_main-menu.scss +++ b/sass/components/_main-menu.scss @@ -70,7 +70,7 @@ transform: translateX(0); opacity: 0; transition: transform $duration, opacity $duration; - box-shadow: 0px 0px 16px rgba(#000, 0.3); + box-shadow: 0px 0px 16px var(--main-menu-box-shadow-color); &--with-page-menu { --main-menu-switch-height: 56px; diff --git a/sass/components/_sponsors.scss b/sass/components/_sponsors.scss index 0ddd750a80..f82d136323 100644 --- a/sass/components/_sponsors.scss +++ b/sass/components/_sponsors.scss @@ -7,18 +7,18 @@ &--corporate_bronze, &--diamond, &--titanium { - background-color: var(--color-neutral-700); + background-color: var(--sponsor-vip-bg-color); border-radius: 8px; padding: 24px 24px 8px; .sponsors { &__title { - color: var(--color-neutral-100); + color: var(--sponsor-vip-title-color); margin: 0 0 16px; } &__name { - color: var(--color-blue-link); + color: var(--sponsor-vip-name-color); } } } @@ -54,21 +54,21 @@ &__name { display: block; margin: 0 10px 10px; - color: rgb(150, 150, 150); + color: var(--sponsor-name-color); font-size: 1.25rem; } &__link { display: block; margin: 0 15px 15px; - color: var(--link-color); + color: var(--sponsor-link-color); font-size: 1.5rem; } &__amount { margin-top: -4px; font-size: 1.2rem; - color: rgb(150, 150, 150); + color: var(--sponsor-amount-color); } &__content { @@ -108,5 +108,5 @@ .past-donor { font-size: 1rem; - color: rgb(150, 150, 150); + color: var(--sponsor-past-donor-color); } diff --git a/sass/components/_syntax-theme.scss b/sass/components/_syntax-theme.scss index 6f5815dedb..37f7773c4d 100644 --- a/sass/components/_syntax-theme.scss +++ b/sass/components/_syntax-theme.scss @@ -4,26 +4,23 @@ } div.incorrect { - $incorrect_block_background_color: #481e21; position: relative; - background-color: $incorrect_block_background_color; - border-left: 10px solid darkred; + background-color: var(--code-incorrect-bg-color); + border-left: 10px solid var(--code-incorrect-border-color); border-radius: 10px; padding-right: 55px; .z-code, .z-code code { - background-color: $incorrect_block_background_color; + background-color: var(--code-incorrect-bg-color); } } div.incorrect:hover { - border-color: var(--code-incorrect-border-color); + border-color: var(--code-incorrect-border-hover-color); img { - /* SVG filter color for red */ - filter: invert(10%) sepia(85%) saturate(7491%) hue-rotate(5deg) - brightness(116%) contrast(114%); + filter: var(--code-incorrect-img-hover-filter); } } @@ -36,9 +33,7 @@ div.incorrect-image { img { width: 35px; height: 35px; - /* SVG filter color for firebrick red */ - filter: invert(11%) sepia(57%) saturate(5143%) hue-rotate(350deg) - brightness(118%) contrast(87%); + filter: var(--code-incorrect-img-filter); } } diff --git a/sass/components/_tabs.scss b/sass/components/_tabs.scss index b2201d886c..c2f6b5eb9a 100644 --- a/sass/components/_tabs.scss +++ b/sass/components/_tabs.scss @@ -17,13 +17,14 @@ padding: 12px $h-padding; position: relative; border-radius: 8px; + color: var(--text-color); &:hover { - background-color: rgba(#fff, 0.05); + background-color: unquote("rgb(from var(--tabs-bg-color) r g b / 0.05)"); } &:active { - background-color: rgba(#fff, 0.1); + background-color: unquote("rgb(from var(--tabs-bg-color) r g b / 0.1)"); } &:after { @@ -47,7 +48,7 @@ } .tabs__radio:checked + .tabs__label:after { - background-color: $color-blue-link; + background-color: var(--tabs-highlight-color); } .tabs__radio:checked + .tabs__label + .tabs__panel { diff --git a/sass/components/_todo.scss b/sass/components/_todo.scss index 187f40cf9c..e64c6be7dd 100644 --- a/sass/components/_todo.scss +++ b/sass/components/_todo.scss @@ -1,6 +1,6 @@ .todo { - background-color: hsla(50, 50, 50, 0.3); - border: double hsla(50, 75, 50, 0.5) 6px; + background-color: var(--todo-bg-color); + border: double var(--todo-border-color) 6px; border-radius: 10px; padding: 4px; @@ -10,4 +10,4 @@ font-size: 2rem; font-weight: bold; } -} \ No newline at end of file +} diff --git a/sass/pages/_assets.scss b/sass/pages/_assets.scss index 5d953d5478..d22181616f 100644 --- a/sass/pages/_assets.scss +++ b/sass/pages/_assets.scss @@ -39,15 +39,15 @@ .asset-version-select { border-radius: $border-radius; - border: 2px solid #383838; - background-color: var(--code-bg-color); + border: 2px solid var(--asset-version-select-border-color); + background-color: var(--asset-version-select-bg-color); font-size: 1rem; padding: 0.4rem; color: var(--text-color); margin-left: 8px; &:hover { - border: 2px solid #6b6b6b; + border: 2px solid var(--asset-version-select-bg-hover-color); } .item-grid { @@ -71,13 +71,13 @@ .asset-version-select { border-radius: $border-radius; - border: 2px solid #383838; - background-color: var(--code-bg-color); + border: 2px solid var(--asset-version-select-border-color); + background-color: var(--asset-version-select-bg-color); font-size: 1rem; padding: 0.4rem; &:hover { - border: 2px solid #6b6b6b; + border: 2px solid var(--asset-version-select-bg-hover-color); } } } diff --git a/sass/pages/_content.scss b/sass/pages/_content.scss index 91cc751a33..d69dd5d59b 100644 --- a/sass/pages/_content.scss +++ b/sass/pages/_content.scss @@ -123,5 +123,5 @@ $content-font-size: 1.22rem; } .fun-list { - color: #a0c5e7; + color: var(--news-fun-list-color); } diff --git a/sass/pages/_docs.scss b/sass/pages/_docs.scss index 02c7defa69..f94d0701cc 100644 --- a/sass/pages/_docs.scss +++ b/sass/pages/_docs.scss @@ -4,14 +4,6 @@ min-height: 500px; } -.docs-page-subtitle { - font-size: 1.3rem; - font-weight: 800; - color: #999999; - font-style: italic; - vertical-align: middle; -} - .docs-content { position: relative; width: 100%; @@ -45,7 +37,6 @@ } .docs-whats-a-bevy { - background-color: #00000000; // !important; filter: var(--docs-whats-a-bevy-filter); height: 2.4rem !important; border-radius: unset !important; diff --git a/sass/pages/_donate.scss b/sass/pages/_donate.scss index 63cda4c830..1753777fa1 100644 --- a/sass/pages/_donate.scss +++ b/sass/pages/_donate.scss @@ -141,7 +141,7 @@ div.donate-sponsor { } .donate-level-corporate { - color: rgb(150, 150, 150); + color: var(--donate-level-corporate-color); font-weight: 500; font-size: 1.2rem; margin-top: -6px; @@ -161,36 +161,36 @@ div.donate-sponsor { .donate-level-amount { margin-top: -0.8rem; - color: #bababa; + color: var(--donate-level-amount-color); font-weight: 500; } .donate-level-bronze { - color: #9f7d6c; + color: var(--donate-level-bronze-color); } .donate-level-silver { - color: #bbb; + color: var(--donate-level-silver-color); } .donate-level-gold { - color: #c0b04bff; + color: var(--donate-level-gold-color); } .donate-level-platinum { - color: #c5c5c5; + color: var(--donate-level-platinum-color); } .donate-level-titanium { - color: #848484; + color: var(--donate-level-titanium-color); } .donate-level-diamond { - color: #a3daeb; + color: var(--donate-level-diamond-color); } .donate-level-patron { - color: #dcdcdc; + color: var(--donate-level-patron-color); } .donate-corporate-button { @@ -223,7 +223,7 @@ div.donate-sponsor { border-width: 1px; border-style: solid; border-radius: $border-radius; - color: rgb(150, 150, 150); + color: var(--donate-tier-reward-color); line-height: 1.4rem; padding-left: 8px; padding-right: 8px; @@ -252,11 +252,11 @@ div.donate-sponsor { } @include state-checked("donate-view") { - #membership { - display: none; - } + #membership { + display: none; + } - #corporate-sponsorship { - display: block; - } + #corporate-sponsorship { + display: block; + } } diff --git a/sass/pages/_features.scss b/sass/pages/_features.scss index 27ec6163c9..a5fbbb94cc 100644 --- a/sass/pages/_features.scss +++ b/sass/pages/_features.scss @@ -49,7 +49,7 @@ .feature-image { height: 24rem; - background-color: #2b2c2f; + background-color: var(--feature-image-bg-color); border-radius: 4rem; display: flex; align-items: center; diff --git a/sass/pages/_migration_guide.scss b/sass/pages/_migration_guide.scss index 716312bb39..518e0b2f74 100644 --- a/sass/pages/_migration_guide.scss +++ b/sass/pages/_migration_guide.scss @@ -29,11 +29,11 @@ } hr { - $color: rgba(#fff, 0.05); + $color: "rgb(from var(--hr-color) r g b / 0.05)"; height: 1px; - color: $color; - background: $color; + color: unquote($color); + background: unquote($color); font-size: 0; border: 0; margin-block: 2rem; @@ -45,7 +45,7 @@ margin-top: 2rem; padding-top: 2rem; margin-bottom: 0.1rem; - border-top: solid var(--hr-color) 1px; + border-top: solid var(--hr-color-legacy) 1px; } .migration-guide-area-tags { diff --git a/sass/pages/_people.scss b/sass/pages/_people.scss index c560387c42..e2f39a9d20 100644 --- a/sass/pages/_people.scss +++ b/sass/pages/_people.scss @@ -54,28 +54,28 @@ } .people-role-inline { - font-size: 1.0rem; + font-size: 1rem; margin-right: 0.2rem; } .people-role-top-level { display: block; float: left; - font-size: 1.0rem; + font-size: 1rem; margin-right: 0.2rem; } .people-role-project-lead { - border-color: rgb(200, 200, 50); - color: rgb(200, 200, 50); + border-color: var(--people-role-lead-color); + color: var(--people-role-lead-color); } .people-role-maintainer { - border-color: rgb(242, 103, 255); - color: rgb(242, 103, 255); + border-color: var(--people-role-maintainer-color); + color: var(--people-role-maintainer-color); } .people-role-sme { - border-color: rgb(80, 200, 50); - color: rgb(80, 200, 50); + border-color: var(--people-role-sme-color); + color: var(--people-role-sme-color); } diff --git a/templates/docs.html b/templates/docs.html index 09139ca174..a18de5503c 100644 --- a/templates/docs.html +++ b/templates/docs.html @@ -95,9 +95,6 @@ {% endfor %}

{{ section_or_page.extra.long_title | default(value=section_or_page.title) | safe }} - {% if section_or_page.extra.subtitle %} - {{ section_or_page.extra.subtitle }} - {% endif %}

{{ section_or_page.content | safe }} From 7b593e1b9ea47c1d3b95e2124af77d48bef09674 Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 4 Mar 2025 18:20:50 +0100 Subject: [PATCH 27/40] Remove palettes, revert to `main` colors, clean-up BEM components to use CSS vars --- content/donate/donors.toml | 1876 ++++++++++++++++++++++++++ content/donate/metrics.toml | 6 +- sass/_functions.scss | 4 - sass/_vars.scss | 501 +++---- sass/components/_asset-card.scss | 16 +- sass/components/_button-square.scss | 4 +- sass/components/_card.scss | 24 +- sass/components/_docs-footer.scss | 4 +- sass/components/_example.scss | 1 - sass/components/_header.scss | 2 +- sass/components/_heading-meta.scss | 2 +- sass/components/_image_compare.scss | 13 +- sass/components/_layout.scss | 10 +- sass/components/_link-card.scss | 8 +- sass/components/_main-menu.scss | 18 +- sass/components/_page-with-menu.scss | 4 +- sass/components/_sponsors.scss | 28 +- sass/components/_tabs.scss | 1 - sass/components/_tree-menu.scss | 2 +- sass/elements/_details.scss | 6 +- sass/elements/_html.scss | 2 +- sass/elements/_kbd.scss | 2 +- sass/elements/_table.scss | 1 - sass/pages/_assets.scss | 6 +- sass/pages/_content.scss | 41 +- sass/pages/_docs.scss | 2 +- sass/pages/_donate.scss | 10 +- sass/pages/_features.scss | 1 - sass/pages/_migration_guide.scss | 8 +- sass/pages/_news.scss | 13 +- 30 files changed, 2229 insertions(+), 387 deletions(-) diff --git a/content/donate/donors.toml b/content/donate/donors.toml index e69de29bb2..c6df2ddd70 100644 --- a/content/donate/donors.toml +++ b/content/donate/donors.toml @@ -0,0 +1,1876 @@ +[[donor]] +customer_id = "stripe:cus_QIGvoRCqPjeUX0" +link = "https://keygen.sh" +logo = "keygen.svg" +amount = 250 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pj1pO9QsC03zvD" +name = "Sindri Andrason" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PxvGKhDZv3P4a6" +name = "Dylan P." +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pin1t2wXD10QAg" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Po8X6F18QjdfeU" +name = "Gediminas Gylys" +amount = 50 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QdeKd3dIoVgLNR" +name = "Jesse Rupe" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QziqgWGgHRAk6Y" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihH4EZDNKkryK" +name = "Troels Hoffmeyer" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PtYbtiIajUjOxf" +name = "VJ Pyree" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QdCCjpeaTb8kw2" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PlGILFkNxjygmG" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjJZ990YmD5dqt" +name = "Idris Zaidi" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PjLdRXfAR6g2M2" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PlLK2HTFjQNhdA" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PuUIpUSbf4fyNp" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PiiCptaWVBdToB" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pjl6wzHmOItD4x" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Q6ZoIUP59gd145" +name = "Rusticorn" +amount = 50 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PleQy2znzIDUND" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PnnvBCSumdebUg" +amount = 50 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QsADcs1eQxABAl" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjHuI269K1ADJo" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PpEuLjAuIrUG9u" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihpBREcgX0mpJ" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QHYWFk6D8ZbM2I" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Q0IGaBJGnD01EI" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PldIcJfusUNxaj" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QroqvsRtIRUfeM" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Q5mIRZla17W2Eh" +name = "Vollkornaffe" +amount = 50 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QlsiCRSFLvH1Ry" +name = "Jacudibu" +amount = 50 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pk3L5ECmX0eNBH" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QpEqfyE5d8Kmzu" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pihqo4bylX3qTB" +name = "John Hainline" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Piyg0MmCekKKTR" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihSwJqVlhijQF" +amount = 250 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PuO6zstFrxKFkN" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QdhBh5XYTfyAAv" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihEyrT0pHEQW2" +name = "nezuo" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PikkVHOgp5U9KG" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pii8KtHiAbgRF5" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihM9MT56cMW0c" +name = "occuros" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pil2YHaU5N9PYm" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjgsA71eNw49Nd" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QdeYSffLpQMw99" +name = "doot" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PnTMjQyxSJpsvX" +name = "indiedevcasts.com" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PihvfnNiXQKTp5" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Q7biEdtBbWiFFM" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QTPxs2ZeEDjggM" +name = "Victor Bjelkholm" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PiumShI0kaKaFl" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QD2EoXOqoiVrKP" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Qyd1TLKycj2Rcm" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_RZv0moioXN4fIm" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pj8ulybMUEX6fA" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pj9joPUihnivBe" +name = "0x0177b11f" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PtXiBhd9uwwuvs" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QeVAq5EY70jHv8" +link = "https://rustunit.com" +logo = "rustunit.png" +amount = 250 +source = "stripe" +past = false +square_logo = true + +[[donor]] +customer_id = "stripe:cus_QD2FFnJUDsgOXj" +name = "Dan White" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihYnNo1yNtAlJ" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Qi3MyHdByuTjgm" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pw6cosbGZd0bka" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QSL6FnsF75cxU5" +name = "RJ" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QcRLUmZN3T2JCs" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pj2SwgqZ76fmGR" +name = "Oleksii Nosov" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QeGr4bC9xpPGEC" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Piqhz2xWwxQUoj" +name = "Jack Wolfard" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Piin0g2G5t77g1" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PihDG5BoSmDK3L" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QCZCEv9NoXkOD0" +name = "Insfollowpro" +link = "https://insfollowpro.com" +amount = 100 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pitr4FLpSMzxqn" +name = "Ask Game Studio" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Q1EsyLGF8BcydN" +name = "puzzled_squid" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QUExW9T9aSR82e" +name = "avi" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PvoZ370C6mxInM" +name = "Daniel Grice" +amount = 50 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PihmsNEsLMZubm" +name = "HAL 9000" +amount = 50 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QedPq18FrgCGmQ" +name = "Augustin Gjini" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pjj2nJ5KxQwIZw" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PrDAXhtyl3yjuo" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjLSnhRsgmq0OD" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QfGOxHoPmR9zRI" +name = "V-Sekai" +amount = 50 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QGLfqetYYczDWi" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PiiufQ5XdL2eOV" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pvdk39PR594a1F" +name = "Subtale" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QelFNKpdJ18Fyf" +name = "natepiano" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Rld2xncllrh5jW" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Piz4xk8tHgq2Xp" +name = "Nicholas Anderson" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pittvj1xvgyTTw" +name = "Slowchop Studios" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Q9VmaWveoR97L2" +name = "TenRayTracedCats" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PyiUxpYjazUBPN" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_RJ6cNMaCRS0Z3X" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QgylZfOVJmIdDX" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PolBAP1epzgVdI" +name = "Jessica Collins" +amount = 50 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PiwxLdvJ5jXXMu" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QFxmb2lAMuO2rT" +amount = 50 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QaKEKAvz3e75xo" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QkIJXeDprwrr3t" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjR7gGdWFqjoN4" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Qde7r9oF2kYFgo" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QqS5eLdFM6Wm1m" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QzIkjl0Jn5T6w3" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pii5VFdZtM9ugl" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pygoa9rM7J74f8" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihAFs2qac5SG0" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Qb4arhRHWBfXRF" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PzxnysadNPXQeS" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_R06KUJJCDI69uY" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihGEdjUATe5xx" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PisHh5RhhVkzpO" +name = "Turki Al-Marri" +amount = 50 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihF71v8x4qjnW" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pj0EO4PPiDQL4w" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pl5y7nzj5nV3BY" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PikglPNU66j5re" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PnWz9DlKwZasUi" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihKfFokYZwzZo" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Qdfxmjn1Y4Wygs" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihGn6Vn25KJIH" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pij8uxY5fTV8Bl" +name = "CooCooCaCha" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Q6x8wiEFiKFvci" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QhcUb49ylP4vnD" +name = "knutwalker" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PlRjOAy0Y7uoKE" +name = "Brandon Wand" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pqrw36DWChUXbH" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PtJo6ENLDFFKba" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pihr1inJklIxsO" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PlHBIE9w0LlGp2" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjPGs6R0VcvMaG" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PqROgYq82KMLVY" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihNRR46xjRPKt" +name = "well, now I have to make a game with bevy" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QIodqp8oeWKNB9" +name = "Viet NT" +amount = 50 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QuVQ1PzIqY5CGO" +name = "Robin Benzinger" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PirWyeEgClh2ZM" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PisitlYqxhAdvk" +name = "Cult, Inc." +link = "https://cult.app" +amount = 100 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PjmXwN1wT2C8rm" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihuTEE4elTN3h" +name = "abledbody" +link = "https://github.com/abledbody" +amount = 100 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PvTztPSqcN6Dq4" +name = "Dominykas Djacenko" +amount = 50 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_RcWYsdUHEkua5t" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihXjwWgzCUZaL" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Q5sO50D1DERVWZ" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QCZaYjp4CCulkK" +link = "https://www.holonautic.com/" +logo = "holonautic.png" +amount = 250 +source = "stripe" +past = false +logo_scale = 0.44999998807907104 + +[[donor]] +customer_id = "stripe:cus_Pj2sIwbTYj3OcY" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QargFhWG1mhwxN" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QOx2wxg239vcAF" +name = "Piot" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PihQyHcgdQwfDO" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PimHBOwl1DPurI" +name = "nil (TheRawMeatball)" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pj71hP9s2otc3z" +name = "rustunit.com" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QNewhxk1OvYIQI" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PiiueQnti6nqYE" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihW2eo6gWEE8A" +name = "Afonso Lage" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihotA3l9BGMOx" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QS2yCYEgYzWcFF" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QPiLmKsAILHuNx" +name = "Charlotte" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Q92656AkFnypo5" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PiiiSDEPLiFTlI" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PoBamZ1lCPiS7i" +name = "Skolwind" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Q9JDafdKGOvHbK" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QFIRV4JjUTsVkJ" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PkBM6ZiW5qiesy" +name = "Gunstein Vatnar" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihW7Epr7RIUbu" +name = "Aevyrie Roessler" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PiuVCTB8D3f8ID" +name = "Adam" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PihSQG1ozZtYbF" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PiiCmXoMcmbfy7" +name = 'Ida "Iyes"' +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihHjZE94ATMJ9" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_R4WYXbl1g7fe1T" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PirwVmVfiQGpeE" +name = "Paul Lackner" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Qf29BX8CFX6cxk" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Qh9nghM4frZ8QN" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PxLSelb9zvuzro" +name = "Jan Klinge" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pt4KqGz8dHC8or" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QdimWde1PL89Y0" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pii3sDrCX7BTLj" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Piici895QO7AMD" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PvpLsxaNb61RZo" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QpD6L4HzUuG4Kf" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QQE8BysPSKnu5J" +name = "bugcaptor" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_RJ4QSH4EcQn1yl" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_RlvyIOfQrfbwVa" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pv0OYExfZfuQJD" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pw6B5dOhjCYapw" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Q40lVlGE6Epr0j" +name = "Arend van Beelen" +amount = 50 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PvLYap8uWBKAob" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PizmngvnmZnVDj" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QoNuKeST1Fan1N" +name = "samflores" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihOIaQJb7oMi7" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PsNp4xRleDTiCo" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pk1d910e98zov2" +name = "Petr Kharitonov" +amount = 250 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PuHwTl39VbD6LR" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihVbmEUk0vBkO" +link = "https://deadmoney.gg" +logo = "dead_money.png" +amount = 250 +source = "stripe" +past = true +square_logo = true + +[[donor]] +customer_id = "stripe:cus_Pl906N6SZTxOHW" +name = "Brett Witty" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PqcJWBMPfcge7x" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_R06fMvcAmQoRuB" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjlkfhgzTfEOIO" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_RTIb69IMHxoVia" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pij6gAoN8BGbGL" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Q40t9mIUhLyzqC" +name = "Orange_Murker" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PilHDbrWjEYLA2" +name = "Jakob Getzel" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PiM2iWUX60jsPi" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_RGVBNq22Ywf2nE" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihOlmgAow94bb" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Q6kL4YtimsflQo" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QEBLqvEudErusz" +amount = 4000 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QlSz2FRzBDSkVn" +name = "doomy" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjO7CdLQLxi6nZ" +name = "Hexorg" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihHZBpZ5nCgxO" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Q1guPfDJbwSjtn" +name = "now I have to make a game with bevy" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Q5reWVu1n5bNFp" +link = "https://playroids.com" +logo = "roids.png" +amount = 250 +source = "stripe" +past = true +square_logo = true + +[[donor]] +customer_id = "stripe:cus_PinBSJUBUdemiI" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pk9Q17Ebpm9elf" +amount = 100 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QPk3cBjt29cIsp" +name = "Torstein Grindvik" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PiyV5K1hvBIlE2" +name = 'Chris "cdata" Joel' +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PihC1uhHNw6dVe" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PiiQM4VrynD68i" +name = "SilvanCodes" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjKJS5n9u8JtS5" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_RX2VX8sA4xFK0B" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjcJef5hQnPPjh" +name = "Pressing Thumbs Games" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pl90EWRu326v6N" +link = "https://www.christopherbiscardi.com/" +logo = "cblogo.svg" +amount = 250 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PqKkhyTcJ7FdUZ" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_RkSDdGsZmn3jOG" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QbLWA5KvaXkBf6" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_QTixtmtNHfi8l4" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PnFgvP9gHuP7Mr" +amount = 5 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pnf9lIdSINT1yG" +name = "Daniel Grice" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PihFktqtLsxtVe" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pj1X2JxlkL68yi" +name = "David M. Lary" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_PihkMJLrlgkyAf" +amount = 5 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PjyrnRu3cCPyiE" +amount = 10 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_PzFwYvlxSSGci6" +amount = 10 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_QtfOAGLN460nwn" +name = "John Hainline" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Pk6cB8ngn6Lx9V" +name = "Allan Davis" +amount = 25 +source = "stripe" +past = true + +[[donor]] +customer_id = "stripe:cus_Q4IVV25jIttstM" +name = 'Connor "Aceeri" McCluskey' +amount = 50 +source = "stripe" +past = false + +[[donor]] +customer_id = "stripe:cus_Pj6vYCpLPQLhEa" +name = "Corvus Prudens" +amount = 25 +source = "stripe" +past = false + +[[donor]] +customer_id = "every.org:b58678e3-8361-4659-9631-54bf3a067f90" +name = "Daniel Yokoyama" +amount = 25 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:57cf9f73-f989-40a2-9b42-7ed067add940" +name = "Idris Zaidi" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:34465585-62d5-4f19-b7e0-a20ea8dd0a31" +name = "Uche Okwo" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:0cdea595-3cda-4182-b012-a61f8cb7fd9c" +name = "Antoine Duchenet" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:f6abcd82-de71-402b-b860-0bc7d865c96c" +name = "Ronny Brzeski" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:e8e86569-6918-4486-8ed1-ba7cd1d18eba" +name = "Bernd Weber" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:4e6b600e-8361-4aa0-9545-0e9b496d842f" +name = "ziwen deng" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:10052280-2ef0-41bb-8bfb-c9a729ea591b" +name = "Reshen Amin" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:fec58ab5-2995-4985-9d6b-b7e90986dbf1" +name = "Viktor Kuroljov" +amount = 10 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:05da99d6-5476-4fd2-9535-1189b6155ad6" +name = "Charles Knudson" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:4e8319b0-ed7a-4744-bcca-713e9e203fc6" +name = "Théo Degioanni" +amount = 10 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:76043d78-7d2a-44c3-91ac-11e3f2a8c0e0" +name = "Micah Hinckley" +amount = 10 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:5feae1b7-8fb1-4e76-b3ad-38ce353b70a5" +name = "Felix Rath" +amount = 50 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:5feee5cb-a78c-4424-972d-4236118f5a8f" +name = "Jonathan Plasse" +amount = 10 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:75b7e254-8374-4a65-8c63-ffe26166e48c" +name = "Scorewarrior Limited" +link = "https://scwr.gg/bevy" +logo = "scorewarrior.svg" +amount = 6000 +source = "every.org" +past = false +logo_scale = 0.699999988079071 + +[[donor]] +customer_id = "every.org:ef5c3e95-8f47-4b8d-8ad6-e59c776074cd" +name = "Cameron Flannery" +link = "https://navier.ai/" +logo = "navier-ai.png" +amount = 500 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:1a9eb207-8de3-45a9-ba93-dd9fd16b8525" +name = "Aldis Ruiz" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:66cc2662-26a8-4595-90c1-65d3b5e6ed2c" +name = "Iryna Chernyshchuk" +amount = 20 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:9224b1f1-4d51-4d5e-8bb1-905a4dd42212" +name = "Shira Smith" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:f928553b-2fb1-4faa-a2f9-b877cfd96492" +name = "Daniel Porteous" +amount = 50 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:204cc4e3-d158-4166-a2f4-6ce7f8ed8a83" +name = "Tomas Zemanovic" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:8329432b-9526-4920-a914-be52acf8ba11" +name = "Amelia Mowers" +amount = 25 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:b31a5938-6514-404f-b561-b2f0f9a9ee37" +name = "Yash Kumar" +amount = 50 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:abd7adf2-75cb-4777-bb57-0672f9feb116" +name = "Kris Warner" +amount = 25 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:c81ac853-40ab-4578-9814-1f806bde1098" +name = "Brandon Reinhart" +amount = 250 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:f02251cf-ddf2-4308-906e-e1310f592f2e" +name = "Jiří Švejda" +amount = 10 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:a06be5a7-9574-4cd4-bd9e-b3757b029eaf" +name = "Wiktor Ravndal" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:881003b6-5fee-433a-bb1c-e0c0f89f6a7f" +name = "Brian Heineman" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:78434ff0-2aab-47eb-8c65-73e897e4329b" +name = "Justin Turpin" +amount = 10 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:39bc327b-7fca-4fbf-bfd6-1d07f1436353" +name = "Joost Oudejans" +amount = 82 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:74120231-e7db-4e23-8a14-fa8455c3e0da" +name = "Lars Diederich" +amount = 25 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:a9bc8b65-ae64-4d2f-baaf-0a9fe71e6339" +name = "Carter Anderson" +amount = 10 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:74e47cfc-77b0-430c-b808-7dca58c5de97" +name = "Владимир Степаненко" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:7780d327-f5bc-4813-8f39-b709ead73f1e" +name = "Justin Hentz" +amount = 280 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:8981a58f-044f-45f4-a454-da2d902cb2b0" +name = "Alan Jesser" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:2371bb41-c917-4487-b72b-696b557aef5f" +name = "Ben Whitley" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:f92d255e-b838-4bd9-bf02-2f64416da60f" +name = "Julian Ramirez Ruiseco" +amount = 4000 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:216bdc93-da0d-42ec-a542-5987a8a653d5" +name = "Hugo Peters" +amount = 40 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:d2c8063b-fe4e-4d44-8bb0-7ee7b866c2fc" +name = "Pedro Reis" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:da1ed1f1-91e5-43e6-9d3e-0651abcd1aa6" +name = "Jonny Power" +amount = 50 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:840d1d46-7ea6-4b9f-87e3-32c126904775" +name = "John Hainline" +amount = 25 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:2f657bdb-069f-4a1f-a453-d378d22eb85d" +name = "Briana Collins" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:5b916c65-c667-47a6-be40-7198d23c7b52" +name = "Kilian Gärtner" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:f38d804d-7ac9-4bc2-a623-64770ae11d25" +name = "Julian Ramirez Ruiseco" +link = "https://www.fslabs.ca" +logo = "Foresight_Spatial_Labs.svg" +amount = 4000 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:131db320-2e23-42ea-9afc-51f31a596ade" +name = "Mark Davis" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:20c63206-7f73-4753-83fb-3f04ef462f60" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:b5b96bb4-a0f1-45ff-b7c0-011028bc7bbc" +name = "IceSentry" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:9f5be61b-d183-4301-84a8-b57858802be1" +name = "RyeToastyO" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:149254d2-6c79-4d4f-960a-64b8f1a7288a" +name = "Timothy Bertotti" +amount = 30 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:4ecf71b1-792c-430b-a722-4fb081c02126" +name = "rudderbucky" +amount = 25 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:85a2246e-ee71-4a05-aa41-00b03c7bf7a3" +name = "Julian Laubstein" +amount = 10 +source = "every.org" +past = true + +[[donor]] +customer_id = "every.org:0021b0c6-3027-41aa-813d-d970e30db48c" +name = "Bobby Rasmussen" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:9b060812-c25a-4273-b117-a6ab3d05e03f" +name = "Marius Cobzarenco" +amount = 25 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:9750e55e-2e3f-48b6-9aa7-0f8c9aaf0336" +name = "Cayle Bray" +amount = 100 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:a45d3d45-aec3-4f02-ac35-04e9bcd9d551" +name = "Birk Gonsholt" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:c3d65563-ebf9-4d87-ae6e-e1725ea3ea2c" +name = "Max Polun" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:35a44d9e-bb19-4d22-ac02-6f1876e3a3d1" +name = "Stefan Wolf" +amount = 50 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:8b0ae1cc-2bef-42be-af79-abeb50e83c4d" +name = "Konrad Konieczny" +amount = 10 +source = "every.org" +past = false + +[[donor]] +customer_id = "every.org:4f2d265e-3960-4d69-9cb1-738fc72c76eb" +name = "Katerina Marchan" +amount = 10 +source = "every.org" +past = false diff --git a/content/donate/metrics.toml b/content/donate/metrics.toml index 6a6a738bf4..c25f5fa322 100644 --- a/content/donate/metrics.toml +++ b/content/donate/metrics.toml @@ -1,3 +1,3 @@ -monthly_dollars = 0 -sponsors = 0 -members = 0 +monthly_dollars = 15210 +sponsors = 3 +members = 176 diff --git a/sass/_functions.scss b/sass/_functions.scss index 3ce7eba991..d642f566a9 100644 --- a/sass/_functions.scss +++ b/sass/_functions.scss @@ -4,7 +4,3 @@ @function calc-rem($size) { @return math.div($size, $size-body) * 1rem; } - -@function color($color, $n) { - @return map-get(map-get($colors, $color), $n); -} diff --git a/sass/_vars.scss b/sass/_vars.scss index 8b5a094bcd..fa052b2c55 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -32,181 +32,141 @@ $mobile-menu-width: 300px; $content-top-margin: 30px; $border-radius: 10px; -// Colors -// Generated with the help of https://www.tints.dev -// TODO: We could just use CSS variables once "relative colors" has wider -// support (in 2025?). As this would allow us lighten/darken directly using CSS -// vars. See: https://caniuse.com/?search=relative%20colors and -// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors -$color-white: #fff; -$color-black: #000; -$color-blue-link: #7c90ff; -$colors: ( - neutral: ( - 50: #efeff0, - 100: #dfdfe2, - 200: #bfbfc4, - 300: #8f8f98, - 400: #6f6f7a, - 500: #4e4e57, - 600: #39393e, - 700: #232326, - 800: #1e1e22, - 900: #0c0c0d, - 950: #050505, - ), - blue: ( - 50: #e8f2fc, - 100: #d4e6f7, - 200: #adcceb, - 300: #8ab3db, - 400: #6a99c8, - 500: #4b80b4, - 600: #456687, - 700: #2d4d6c, - 800: #1b334b, - 900: #0c1a27, - 950: #050d14, - ), -); - // CSS Vars :root { // Typography --font-family-sans: "Fira Sans", sans-serif; --font-family-mono: "Fira Mono", monospace; - // Colors - --color-black: #{$color-black}; - --color-white: #{$color-white}; - --color-blue-link: #{$color-blue-link}; - --color-neutral-50: #{color(neutral, 50)}; - --color-neutral-100: #{color(neutral, 100)}; - --color-neutral-200: #{color(neutral, 200)}; - --color-neutral-300: #{color(neutral, 300)}; - --color-neutral-400: #{color(neutral, 400)}; - --color-neutral-500: #{color(neutral, 500)}; - --color-neutral-600: #{color(neutral, 600)}; - --color-neutral-700: #{color(neutral, 700)}; - --color-neutral-800: #{color(neutral, 800)}; - --color-neutral-900: #{color(neutral, 900)}; - --color-neutral-950: #{color(neutral, 950)}; - --color-blue-50: #{color(blue, 50)}; - --color-blue-100: #{color(blue, 100)}; - --color-blue-200: #{color(blue, 200)}; - --color-blue-300: #{color(blue, 300)}; - --color-blue-400: #{color(blue, 400)}; - --color-blue-500: #{color(blue, 500)}; - --color-blue-600: #{color(blue, 600)}; - --color-blue-700: #{color(blue, 700)}; - --color-blue-800: #{color(blue, 800)}; - --color-blue-900: #{color(blue, 900)}; - --color-blue-950: #{color(blue, 950)}; + // Neutrals by lightness + --color-neutral-11: #1b1b1b; + --color-neutral-13: #1e1e22; + --color-neutral-14: #232326; + --color-neutral-17: #2c2c2d; + --color-neutral-18: #2b2c2f; + --color-neutral-19: #2f3033; + --color-neutral-22: #383838; + --color-neutral-27: #414247; + --color-neutral-33: #555; + --color-neutral-33b: #535353; + --color-neutral-36: #59595e; + --color-neutral-40: #666; + --color-neutral-42: #6b6b6b; + --color-neutral-45: #737373; + --color-neutral-50: #808080; + --color-neutral-53: #868686; + --color-neutral-55: #8c8c8c; + --color-neutral-59: #969696; + --color-neutral-60: #95959d; + --color-neutral-60b: #999; + --color-neutral-60c: #8e9aa4; + --color-neutral-61: #9b9b9d; + --color-neutral-67: #aaa; + --color-neutral-69: #b1b1b1; + --color-neutral-72: #b8b8b8; + --color-neutral-73: #b9b9b9; + --color-neutral-75: #bfbfbf; + --color-neutral-78: #c8c8c8; + --color-neutral-82: #d2d2d2; + --color-neutral-93: #ececec; + --color-neutral-96: #f0effb; + --color-neutral-97: #f7f7f7; + + --color-black: #000; + --color-white: #fff; + + // Blues by lightness + --color-blue-21: #2f2745; + --color-blue-40: #456687; + --color-blue-43: #4a6e91; + --color-blue-47: #597899; + --color-blue-56: #6a8fb3; + --color-blue-57: #5944e0; + --color-blue-60: #799bbb; + --color-blue-71: #6c82ff; + --color-blue-74: #7c90ff; + --color-blue-85: #b3daff; + --color-blue-85b: #b1d9ff; + + --color-blue-link: var(--color-blue-74); // Header - --header-height: 60px; - --scroll-padding-top: calc(var(--header-height) + 16px); + --layout-header-height: 60px; + --scroll-padding-top: calc(var(--layout-header-height) + 16px); @media #{$bp-desktop-up} { - --header-height: 72px; + --layout-header-height: 72px; } - // Theme - // (shared between light and dark) - --header-bg-color: var(--color-neutral-800); - --table-border-radius: 4px; - - --image-compare-text-color: var(--color-neutral-100); - --image-compare-text-shadow: #{rgba($color-black, 0.75)}; - - --main-menu-active-color: var(--color-blue-200); - --main-menu-backdrop-color: #{rgba($color-black, 0.2)}; - --main-menu-link-hover-color: #{rgba($color-white, 0.05)}; - --main-menu-text-color: var(--color-white); - --main-menu-box-shadow-color: #{rgba($color-black, 0.3)}; - // Dark Theme // This eventually should go inside a `@media (prefers-color-scheme: dark) {}` // media query block. But for now it's the default theme for everyone. The // idea is to progressively improve the light theme quality before enabling // "whole site level" light or dark theme. Meanwhile light theme only works in // selected sections. - --anchor-link-color: var(--color-neutral-500); - --content-bg-color: var(--color-neutral-700); - --docs-whats-a-bevy-filter: none; - --feature-image-bg-color: #2b2c2f; - --focus-outline: solid var(--color-blue-300) 3px; - --footer-image-filter: grayscale(1) brightness(800%); - --foundation-logo-filter: none; - --header-border-color: #2c2c2d; - --header-message-color: #868686; - --heading-color: var(--color-neutral-50); - --heading-meta-item-color: var(--color-neutral-200); - --html-bg-color: var(--color-neutral-800); - --link-color: var(--color-blue-link); - --news-fun-list-color: #a0c5e7; - --scrollbar-thumb-color: #{rgba($color-white, 0.2)}; - --text-color: var(--color-neutral-100); - --text-dim-color: var(--color-neutral-300); - --warning-color: #c8c864; + --anchor-link-color: var(--color-neutral-45); + + --asset-card-bg-gradient-start-color: var(--color-neutral-19); + --asset-card-bg-gradient-end-color: var(--color-neutral-11); + --asset-card-img-bg-color: var(--color-neutral-11); + --asset-card-tag-icon-color: var(--color-neutral-60); + --asset-card-text-color: var(--color-neutral-93); + --asset-card-title-bg-color: #{unquote('rgb(from var(--color-black) r g b / 0.5)')}; + --asset-card-title-color: var(--color-neutral-93); + --asset-card-tag-bg-color: var(--color-neutral-36); + --asset-card-tag-text-color: var(--color-neutral-93); + + --asset-suggestion-item-text-color: var(--color-neutral-93); + + --asset-version-select-bg-color: var(--color-neutral-19); + --asset-version-select-border-color: var(--color-neutral-22); + --asset-version-select-border-hover-color: var(--color-neutral-42); - --asset-card-title-bg-color: #{rgba($color-black, 0.5)}; - --asset-card-title-color: var(--color-white); - --asset-card-tag-icon-color: rgb(149, 149, 157); - --asset-card-supported-color: rgb(110, 110, 247); - --asset-tag-bg-color: var(--color-neutral-600); - --asset-tag-text-color: var(--color-white); - --asset-version-select-bg-color: var(--code-bg-color); - --asset-version-select-bg-hover-color: #6b6b6b; - --asset-version-select-border-color: #383838; - - --bevy-instance-canvas-color: #2b2c2f; + --bevy-instance-canvas-color: var(--color-neutral-18); --bevy-instance-text-shadow-color: var(--color-black); - --bevy-instance-progress-track-color: #555; - --bevy-instance-progress-bar-color: #799bbb; + --bevy-instance-progress-track-color: var(--color-neutral-33); + --bevy-instance-progress-bar-color: var(--color-blue-60); // Generated using: https://stripesgenerator.com --bevy-instance-progress-bar-stripes: linear-gradient( 131deg, - #799bbb 25%, - #597899 25%, - #597899 50%, - #799bbb 50%, - #799bbb 75%, - #597899 75%, - #597899 100% + var(--color-blue-60) 25%, + var(--color-blue-47) 25%, + var(--color-blue-47) 50%, + var(--color-blue-60) 50%, + var(--color-blue-60) 75%, + var(--color-blue-47) 75%, + var(--color-blue-47) 100% ); - --button-blue-bg-color: var(--color-blue-600); - --button-blue-bg-hover-color: #{darken(color(blue, 600), 3%)}; - --button-blue-border-color: var(--color-blue-400); - --button-blue-text-color: var(--color-white); + --button-blue-bg-color: var(--color-blue-43); + --button-blue-bg-hover-color: var(--color-blue-40); + --button-blue-border-color: var(--color-blue-56); + --button-blue-text-color: var(--color-neutral-93); --button-pink-bg-color: #9f517a; --button-pink-bg-hover-color: #954c72; --button-pink-border-color: #ba789b; - --button-pink-text-color: var(--color-white); - --button-square-bg-color: var(--color-white); + --button-pink-text-color: var(--color-neutral-93); + --button-square-bg-color: var(--color-neutral-93); --callout-caution-accent-color: #e82f5a; --callout-caution-bg-color: #591626; --callout-caution-color: #eed5db; - --callout-info-accent-color: var(--color-blue-400); - --callout-info-bg-color: #2f2745; - --callout-info-color: var(--color-blue-100); + --callout-info-accent-color: var(--color-blue-57); + --callout-info-bg-color: var(--color-blue-21); + --callout-info-color: var(--color-neutral-96); --callout-warning-accent-color: #e4c151; --callout-warning-bg-color: #513903; --callout-warning-color: #fdfdec; - --card-bg-color: #{lighten(color(neutral, 700), 3%)}; - --card-bg-hover-color: #{lighten(color(neutral, 700), 6%)}; - --card-border-color: var(--color-neutral-600); - --card-border-hover-color: var(--color-neutral-500); - --card-bg-gradient-start-color: var(--color-neutral-600); - --card-bg-gradient-end-color: var(--color-neutral-800); - --card-img-bg-color: #{darken(color(neutral, 800), 2%)}; + --card-bg-color: var(--color-neutral-18); + --card-bg-hover-color: var(--color-neutral-19); + --card-border-color: var(--color-neutral-22); + --card-border-hover-color: var(--color-neutral-42); + --card-img-bg-color: var(--color-neutral-11); + --card-title-color: var(--color-neutral-93); --card-sponsor-icon-color: #b13376; - --code-bg-color: #{lighten(color(neutral, 700), 3%)}; - --code-bg-hover-color: #{lighten(color(neutral, 700), 6%)}; + --code-bg-color: var(--color-neutral-18); --code-incorrect-bg-color: #481e21; --code-incorrect-border-color: darkred; --code-incorrect-border-hover-color: red; @@ -214,9 +174,7 @@ $colors: ( hue-rotate(5deg) brightness(116%) contrast(114%); // red --code-incorrect-img-filter: invert(11%) sepia(57%) saturate(5143%) hue-rotate(350deg) brightness(118%) contrast(87%); // firebrick red - --code-link-color: #e4c151; - --code-text-color: var(--color-neutral-200); - --code-text-dim-color: var(--color-neutral-400); + --code-text-dim-color: var(--color-neutral-60c); --code-aaa: #c0c5ce; --code-ccc: #c594c5; @@ -244,16 +202,25 @@ $colors: ( --code-yyy: #d19a66; --code-zzz: #d1af8f; - --details-bg-color: var(--color-white); + --details-bg-color: var(--color-neutral-93); + --details-text-shadow-color: var(--color-neutral-93); - --docs-footer-color: var(--color-neutral-300); - --docs-footer-dir-color: var(--color-neutral-400); - --docs-footer-dir-hover-color: var(--color-neutral-300); - --docs-footer-hover-color: var(--color-neutral-100); - --docs-footer-hover-bg-color: #{rgba($color-white, 0.01)}; - --docs-footer-border-color: var(--color-neutral-600); - - --donate-level-corporate-color: rgb(150, 150, 150); + --docs-heading-color: var(--color-neutral-93); + --docs-whats-a-bevy-filter: none; + --docs-footer-color: var(--color-neutral-61); + --docs-footer-dir-color: var(--color-neutral-40); + --docs-footer-dir-hover-color: var(--color-neutral-60b); + --docs-footer-edit-color: var(--color-neutral-55); + --docs-footer-edit-hover-color: var(--color-neutral-75); + --docs-footer-hover-color: var(--color-neutral-93); + --docs-footer-hover-bg-color: #{unquote('rgb(from var(--color-neutral-93) r g b / 0.01)')}; + --docs-footer-border-color: var(--color-neutral-19); + + --donate-text-color: var(--color-neutral-82); + --donate-link-color: var(--color-blue-link); + --donate-description-color: var(--color-neutral-78); + --donate-level-bg-color: var(--color-neutral-19); + --donate-level-corporate-color: var(--color-neutral-59); --donate-level-amount-color: #bababa; --donate-level-bronze-color: #9f7d6c; --donate-level-silver-color: #bbb; @@ -262,38 +229,99 @@ $colors: ( --donate-level-titanium-color: #848484; --donate-level-diamond-color: #a3daeb; --donate-level-patron-color: #dcdcdc; - --donate-tier-reward-color: rgb(150, 150, 150); + --donate-metric-color: var(--color-neutral-93); + --donate-tier-reward-color: var(--color-neutral-59); - --example-nav-link-color: var(--color-neutral-200); + --example-nav-link-color: var(--color-neutral-67); --example-nav-link-hover-color: var(--color-white); - --hr-color: var(--color-white); - --hr-color-legacy: var(--color-neutral-900); + --feature-image-bg-color: var(--color-neutral-18); + + --focus-outline: solid var(--color-blue-85b) 3px; + + --footer-image-filter: grayscale(1) brightness(800%); + + --foundation-logo-filter: none; + + --header-message-color: var(--color-neutral-53); + + --heading-meta-text-color: var(--color-neutral-60b); + --heading-meta-item-color: var(--color-neutral-72); + + --html-bg-color: var(--color-neutral-13); + --html-text-color: var(--color-neutral-93); + + --image-compare-text-shadow-color: var(--color-black); + --image-compare-gap-color: var(--color-neutral-93); + --image-compare-outline-color: var(--color-neutral-13); + --image-compare-thumb-bg-color: var(--color-neutral-53); + --image-compare-thumb-bg-hover-color: var(--color-neutral-73); + --image-compare-thumb-outline-color: var(--color-white); + + --kbd-border-color: var(--color-neutral-50); + + --layout-header-bg-color: var(--color-neutral-13); + --layout-content-bg-color: var(--color-neutral-14); + --layout-header-border-color: var(--color-neutral-17); + + --link-card-img-bg-color: var(--color-neutral-11); + --link-card-title-color: var(--color-neutral-93); + --link-card-subtitle-color: var(--color-neutral-60b); + --link-card-text-color: var(--color-neutral-93); - --menu-switch-bg-color: #{rgba($color-white, 0.05)}; - --menu-switch-option-active-bg-color: var(--color-neutral-800); + --main-menu-active-color: var(--color-blue-85); + --main-menu-backdrop-color: #{unquote('rgb(from var(--color-black) r g b / 0.2)')}; + --main-menu-link-hover-color: #{unquote('rgb(from var(--color-white) r g b / 0.05)')}; + --main-menu-link-outline: var(--focus-outline); + --main-menu-mobile-bg-color: var(--color-neutral-13); + --main-menu-mobile-box-shadow-color: #{unquote('rgb(from var(--color-black) r g b / 0.3)')}; + --main-menu-text-color: var(--color-white); + + --media-content-blockquote-bg-color: var(--color-neutral-18); + --media-content-blockquote-text-color: var(--color-neutral-69); + --media-content-button-text-color: var(--color-white); + --media-content-code-bg-color: var(--color-neutral-18); + --media-content-code-text-color: var(--color-neutral-78); + --media-content-link-code-color: #e4c151; + --media-content-link-code-hover-color: var(--color-neutral-27); + --media-content-link-color: var(--color-blue-link); + --media-content-link-hover-shadow-color: var(--color-blue-71); + --media-content-text-color: var(--color-neutral-82); + + --menu-switch-bg-color: #{unquote('rgb(from var(--color-white) r g b / 0.05)')}; + --menu-switch-option-active-bg-color: var(--color-neutral-13); --menu-switch-option-active-text-color: var(--color-white); - --menu-switch-option-text-color: var(--color-neutral-300); + --menu-switch-option-text-color: var(--color-neutral-61); - --on-this-page-color: var(--color-neutral-300); - --on-this-page-hover-color: var(--color-white); - --on-this-page-active-color: var(--color-white); + --migration-guide-hr-color-legacy: var(--color-neutral-33b); + --migration-guide-hr-color: var(--color-white); + --migration-guide-legacy-area-tags-color: var(--color-neutral-50); + --migration-guide-title-color: var(--color-neutral-93); + + --news-feature-authors-color: var(--color-neutral-60b); + --news-fun-list-color: #a0c5e7; + --news-feature-image-subtitle: var(--color-neutral-60b); + --news-social-link-color: var(--color-blue-link); + --news-subtitle-color: var(--color-neutral-60b); + + --on-this-page-color: var(--color-neutral-53); + --on-this-page-hover-color: var(--color-neutral-73); + --on-this-page-active-color: var(--color-neutral-93); --people-role-lead-color: rgb(200, 200, 50); --people-role-maintainer-color: rgb(242, 103, 255); --people-role-sme-color: rgb(80, 200, 50); - --sponsor-vip-bg-color: var(--color-neutral-700); - --sponsor-vip-title-color: var(--color-neutral-100); - --sponsor-vip-name-color: var(--color-blue-link); - --sponsor-name-color: rgb(150, 150, 150); - --sponsor-link-color: var(--link-color); - --sponsor-amount-color: rgb(150, 150, 150); - --sponsor-past-donor-color: rgb(150, 150, 150); + --scrollbar-thumb-color: #{unquote('rgb(from var(--color-white) r g b / 0.2)')}; + + --sponsors-name-color: var(--color-neutral-59); + --sponsors-link-color: var(--color-blue-link); + --sponsors-amount-color: var(--color-neutral-59); + --sponsors-past-donor-color: var(--color-neutral-59); - --table-border-color: var(--color-neutral-500); - --table-header-color: var(--color-neutral-800); - --table-header-text-color: var(--heading-color); + --table-border-color: var(--color-neutral-60b); + --table-border-radius: 4px; + --table-header-color: var(--color-neutral-13); --tabs-bg-color: var(--color-white); --tabs-highlight-color: var(--color-blue-link); @@ -302,11 +330,13 @@ $colors: ( --todo-border-color: hsla(50, 75, 50, 0.5); --tree-menu-chevron-filter: brightness(70%); - --tree-menu-label-active-bg-color: var(--color-neutral-600); - --tree-menu-label-active-color: var(--color-white); - --tree-menu-label-color: var(--color-neutral-300); - --tree-menu-toc-bg-color: #{darken(color(neutral, 600), 5%)}; - --tree-menu-toggle-hover-color: var(--color-neutral-500); + --tree-menu-label-active-bg-color: #{unquote('rgb(from var(--color-neutral-93) r g b / 0.1)')}; + --tree-menu-label-active-color: var(--color-neutral-93); + --tree-menu-label-color: var(--color-neutral-61); + --tree-menu-toc-bg-color: #{unquote('rgb(from var(--color-black) r g b / 0.25)')}; + --tree-menu-toggle-hover-color: #{unquote('rgb(from var(--color-neutral-93) r g b / 0.1)')}; + + --warning-color: #c8c864; .inverted { } @@ -318,60 +348,37 @@ $colors: ( // styled in light mode. .light-mode { @media (prefers-color-scheme: light) { - --anchor-link-color: var(--color-neutral-200); - --content-bg-color: #{darken($color-white, 3%)}; - --docs-whats-a-bevy-filter: invert(85%); - --focus-outline: solid var(--color-blue-500) 3px; - --footer-image-filter: grayscale(1) brightness(0%); - --foundation-logo-filter: invert(80%); - --header-border-color: var(--color-neutral-400); - --heading-color: var(--color-neutral-950); - --heading-meta-item-color: var(--color-neutral-600); - --html-bg-color: var(--color-neutral-100); - --link-color: #4a33d9; - --scrollbar-thumb-color: #{rgba($color-black, 0.2)}; - --text-color: var(--color-neutral-700); - --text-dim-color: var(--color-neutral-400); - --warning-color: #b3b318; + --color-blue-link: #4a33d9; + + --anchor-link-color: var(--color-neutral-75); - --asset-card-title-bg-color: #{rgba($color-white, 0.7)}; + --asset-card-title-bg-color: #{unquote('rgb(from var(--color-white) r g b / 0.7)')}; --asset-card-title-color: var(--color-black); - --asset-tag-bg-color: var(--color-neutral-100); - --asset-tag-text-color: var(--color-neutral-600); - - --button-blue-bg-color: var(--color-blue-600); - --button-blue-bg-hover-color: #{darken(color(blue, 600), 3%)}; - --button-blue-border-color: var(--color-blue-400); - --button-blue-text-color: var(--color-white); - --button-pink-bg-color: #9f517a; - --button-pink-bg-hover-color: #954c72; - --button-pink-border-color: #ba789b; - --button-pink-text-color: var(--color-white); + --asset-tag-bg-color: var(--color-neutral-82); + --asset-tag-text-color: var(--color-neutral-22); --callout-caution-accent-color: #ed0c41; --callout-caution-bg-color: #fccad5; --callout-caution-color: #2a0109; - --callout-info-accent-color: var(--color-blue-400); - --callout-info-bg-color: var(--color-blue-100); + --callout-info-accent-color: var(--color-blue-45); + --callout-info-bg-color: var(--color-blue-85b); --callout-info-color: #040126; --callout-warning-accent-color: #f0d106; --callout-warning-bg-color: #fdedc9; --callout-warning-color: #362a02; --card-bg-color: var(--color-white); - --card-bg-hover-color: #{darken($color-white, 3%)}; - --card-border-color: var(--color-neutral-100); - --card-border-hover-color: var(--color-neutral-200); - --card-bg-gradient-start-color: var(--color-neutral-200); - --card-bg-gradient-end-color: var(--color-neutral-300); - --card-img-bg-color: var(--color-neutral-700); - - --code-bg-color: #{darken(color(neutral, 50), 3%)}; - --code-bg-hover-color: #{darken(color(neutral, 50), 6%)}; + --card-bg-hover-color: var(--color-neutral-97); + --card-border-color: var(--color-neutral-82); + --card-border-hover-color: var(--color-neutral-75); + --card-bg-gradient-start-color: var(--color-neutral-75); + --card-bg-gradient-end-color: var(--color-neutral-61); + --card-img-bg-color: var(--color-neutral-14); + + --code-bg-color: var(--color-neutral-18); --code-incorrect-border-color: red; - --code-link-color: #d58c00; - --code-text-color: var(--color-neutral-900); - --code-text-dim-color: var(--color-neutral-300); + --code-text-color: var(--color-neutral-11); + --code-text-dim-color: var(--color-neutral-61); --code-aaa: #5078a4; --code-ccc: #b45eb4; @@ -401,47 +408,65 @@ $colors: ( --details-bg-color: var(--color-black); - --docs-footer-border-color: var(--color-neutral-100); - --docs-footer-color: var(--color-neutral-600); - --docs-footer-dir-color: var(--color-neutral-400); - --docs-footer-dir-hover-color: var(--color-neutral-500); - --docs-footer-hover-bg-color: #{rgba($color-black, 0.02)}; + --docs-footer-border-color: var(--color-neutral-82); + --docs-footer-color: var(--color-neutral-22); + --docs-footer-dir-color: var(--color-neutral-45); + --docs-footer-dir-hover-color: var(--color-neutral-33); + --docs-footer-hover-bg-color: #{unquote('rgb(from var(--color-black) r g b / 0.02)')}; --docs-footer-hover-color: var(--color-black); - --example-nav-link-color: var(--color-neutral-400); + --docs-whats-a-bevy-filter: invert(85%); + + --example-nav-link-color: var(--color-neutral-45); --example-nav-link-hover-color: var(--color-black); - --hr-color: var(--color-black); - --hr-color-legacy: var(--color-neutral-100); + --focus-outline: solid var(--color-blue-47) 3px; + + --footer-image-filter: grayscale(1) brightness(0%); + + --foundation-logo-filter: invert(80%); + + --heading-meta-item-color: var(--color-neutral-22); + + --html-bg-color: var(--color-neutral-82); + + --layout-content-bg-color: var(--color-neutral-97); + --layout-header-border-color: var(--color-neutral-45); @media #{$bp-tablet-landscape-down} { - --main-menu-active-color: var(--color-blue-600); - --main-menu-link-hover-color: #{rgba($color-black, 0.03)}; - --main-menu-text-color: var(--color-neutral-500); + --main-menu-active-color: var(--color-blue-40); + --main-menu-link-hover-color: #{unquote('rgb(from var(--color-black) r g b / 0.03)')}; + --main-menu-text-color: var(--color-neutral-33); } - --menu-switch-bg-color: var(--color-neutral-100); + --menu-switch-bg-color: var(--color-neutral-82); --menu-switch-option-active-bg-color: var(--color-white); --menu-switch-option-active-text-color: var(--color-black); - --menu-switch-option-text-color: var(--color-neutral-500); + --menu-switch-option-text-color: var(--color-neutral-33); + + --migration-guide-hr-color: var(--color-black); + --migration-guide-hr-color-legacy: var(--color-neutral-82); - --on-this-page-color: var(--color-neutral-400); + --on-this-page-color: var(--color-neutral-45); --on-this-page-hover-color: var(--color-black); --on-this-page-active-color: var(--color-black); - --table-border-color: var(--color-neutral-300); - --table-header-color: var(--color-neutral-200); - --table-header-text-color: var(--heading-color); + --scrollbar-thumb-color: #{unquote('rgb(from var(--color-black) r g b / 0.2)')}; + + --table-border-color: var(--color-neutral-61); + --table-header-color: var(--color-neutral-75); --tabs-bg-color: var(--color-black); --tabs-highlight-color: var(--color-blue-link); --tree-menu-chevron-filter: invert(65%); - --tree-menu-label-active-bg-color: var(--color-neutral-100); + --tree-menu-label-active-bg-color: var(--color-neutral-82); --tree-menu-label-active-color: var(--color-black); - --tree-menu-label-color: var(--color-neutral-600); - --tree-menu-toc-bg-color: #{lighten(color(neutral, 100), 5%)}; - --tree-menu-toggle-hover-color: var(--color-neutral-200); + --tree-menu-label-color: var(--color-neutral-22); + --tree-menu-toc-bg-color: red; + --tree-menu-toggle-hover-color: var(--color-neutral-75); + + --warning-color: #b3b318; .inverted { filter: invert(90%) hue-rotate(180deg); @@ -452,7 +477,7 @@ $colors: ( .img-in-card { @media (prefers-color-scheme: light) { padding: 16px; - background-color: var(--color-neutral-700); + background-color: var(--color-neutral-14); border-radius: $border-radius; } } @@ -466,7 +491,7 @@ $colors: ( &:hover, &:active &:link, &:visited { - color: var(--color-blue-300) !important; + color: var(--color-blue-71) !important; } } } diff --git a/sass/components/_asset-card.scss b/sass/components/_asset-card.scss index 918078669a..744d857051 100644 --- a/sass/components/_asset-card.scss +++ b/sass/components/_asset-card.scss @@ -9,7 +9,7 @@ $asset-card-padding: 0.4rem; "banner" "desc" "tags"; - color: var(--text-color); + color: var(--asset-card-text-color); &__banner { grid-area: banner; @@ -20,8 +20,8 @@ $asset-card-padding: 0.4rem; background: linear-gradient( 0deg, - var(--card-bg-gradient-start-color) 0%, - var(--card-bg-gradient-end-color) 100% + var(--asset-card-bg-gradient-start-color) 0%, + var(--asset-card-bg-gradient-end-color) 100% ); img { @@ -30,7 +30,7 @@ $asset-card-padding: 0.4rem; display: block; object-fit: contain; - background-color: var(--card-img-bg-color); + background-color: var(--asset-card-img-bg-color); } } @@ -112,11 +112,7 @@ $asset-card-padding: 0.4rem; padding: 0.2em 0.4em; border-radius: 0.2em; font-size: 0.85em; - color: var(--asset-tag-text-color); - background: var(--asset-tag-bg-color); - - &--supported { - background-color: var(--asset-card-supported-color); - } + color: var(--asset-card-tag-text-color); + background: var(--asset-card-tag-bg-color); } } diff --git a/sass/components/_button-square.scss b/sass/components/_button-square.scss index a307b76b56..1593d647d9 100644 --- a/sass/components/_button-square.scss +++ b/sass/components/_button-square.scss @@ -17,7 +17,7 @@ } &--header { - width: calc(var(--header-height) - 8px); - height: var(--header-height); + width: calc(var(--layout-header-height) - 8px); + height: var(--layout-header-height); } } diff --git a/sass/components/_card.scss b/sass/components/_card.scss index 46aef8ec7c..4747dbbe2b 100644 --- a/sass/components/_card.scss +++ b/sass/components/_card.scss @@ -69,33 +69,11 @@ line-height: 1rem; } -.card-subtitle { - display: block; - font-weight: 200; - font-size: 1.4rem; - font-style: italic; - color: var(--text-dim-color); - text-decoration: none; -} - -.card-description { - display: block; - position: relative; - font-weight: 300; - font-size: 1.3rem; - color: var(--text-color); - text-decoration: none; - margin-top: 0.4rem; - overflow: hidden; - text-overflow: ellipsis; - height: 100px; -} - .card-title { display: block; font-weight: 500; font-size: 2rem; - color: var(--text-color); + color: var(--card-title-color); font-style: normal; text-decoration: none; } diff --git a/sass/components/_docs-footer.scss b/sass/components/_docs-footer.scss index aa84fdb908..8637cb4121 100644 --- a/sass/components/_docs-footer.scss +++ b/sass/components/_docs-footer.scss @@ -94,11 +94,11 @@ font-size: 0.9rem; @include override-anchor { - color: var(--docs-footer-color); + color: var(--docs-footer-edit-color); } &:hover { - color: var(--docs-footer-hover-color); + color: var(--docs-footer-edit-hover-color); } .icon { diff --git a/sass/components/_example.scss b/sass/components/_example.scss index 509e2e7df6..199a2215f0 100644 --- a/sass/components/_example.scss +++ b/sass/components/_example.scss @@ -23,7 +23,6 @@ margin: 0; font-size: 1.75rem; text-align: center; - color: var(--heading-color); } &__back, diff --git a/sass/components/_header.scss b/sass/components/_header.scss index 7ad6cbca55..041293e572 100644 --- a/sass/components/_header.scss +++ b/sass/components/_header.scss @@ -8,7 +8,7 @@ &__content { width: 100%; max-width: $max-width; - height: var(--header-height); + height: var(--layout-header-height); display: flex; align-items: center; justify-content: space-between; diff --git a/sass/components/_heading-meta.scss b/sass/components/_heading-meta.scss index d959a4c7fb..835ddb151d 100644 --- a/sass/components/_heading-meta.scss +++ b/sass/components/_heading-meta.scss @@ -1,7 +1,7 @@ .heading-meta { margin-top: -0.8rem !important; font-style: italic; - color: var(--text-dim-color); + color: var(--heading-meta-text-color); display: flex; gap: 5px; font-size: 1rem; diff --git a/sass/components/_image_compare.scss b/sass/components/_image_compare.scss index 66908b2cf1..179fe0ff0d 100644 --- a/sass/components/_image_compare.scss +++ b/sass/components/_image_compare.scss @@ -15,12 +15,12 @@ div.image-compare { --text-padding: 10px; --gap: 3px; --range-thumb-diametre: 16px; - background-color: var(--color-white); // gap color; + background-color: var(--image-compare-gap-color); // gap color; position: relative; border-radius: 10px; width: 100%; - outline: solid 1px var(--color-neutral-900); // fixes border leaking background color + outline: solid 1px var(--image-compare-outline-color); // fixes border leaking background color outline-offset: -1px; // calculated @@ -32,8 +32,7 @@ div.image-compare { font-weight: bolder; font-size: 1.8rem; width: calc(100% - var(--text-padding)); - text-shadow: 0 0 4px var(--image-compare-text-shadow); - color: var(--image-compare-text-color); + text-shadow: 0 0 2px var(--image-compare-text-shadow-color); } &::before { @@ -91,13 +90,13 @@ div.image-compare { width: var(--range-thumb-diametre); height: var(--range-thumb-diametre); border-radius: 50%; - outline: solid 3px var(--color-white); + outline: solid 3px var(--image-compare-thumb-outline-color); outline-offset: -2.9px; - background-color: var(--color-neutral-600); + background-color: var(--image-compare-thumb-bg-color); &:hover, &:active { - background-color: var(--color-neutral-500); + background-color: var(--image-compare-thumb-bg-hover-color); } } diff --git a/sass/components/_layout.scss b/sass/components/_layout.scss index f0c5d00c2b..c00e6180ce 100644 --- a/sass/components/_layout.scss +++ b/sass/components/_layout.scss @@ -7,18 +7,18 @@ position: fixed; top: 0px; width: 100%; - height: var(--header-height); - background-color: var(--header-bg-color); - border-bottom: 2px solid var(--header-border-color); + height: var(--layout-header-height); + background-color: var(--layout-header-bg-color); + border-bottom: 2px solid var(--layout-header-border-color); z-index: $z-layout-header; } &__content { width: 100%; - padding-top: var(--header-height); + padding-top: var(--layout-header-height); padding-bottom: 64px; flex-grow: 1; - background-color: var(--content-bg-color); + background-color: var(--layout-content-bg-color); } } diff --git a/sass/components/_link-card.scss b/sass/components/_link-card.scss index 6c298ded1d..8c478af196 100644 --- a/sass/components/_link-card.scss +++ b/sass/components/_link-card.scss @@ -16,7 +16,7 @@ &__img-wrapper { @include flex-center; - background-color: var(--card-img-bg-color); + background-color: var(--link-card-img-bg-color); padding: 1rem; @media #{$bp-phone-landscape-up} { @@ -56,7 +56,7 @@ line-height: 1.1; font-size: 2rem; font-weight: 500; - color: var(--heading-color); + color: var(--link-card-title-color); font-style: normal; margin-bottom: 4px; } @@ -65,14 +65,14 @@ font-size: 1.4rem; font-weight: 200; font-style: italic; - color: var(--text-dim-color); + color: var(--link-card-subtitle-color); } &__description { margin: 0.4rem 0 0; font-size: 1.3rem; font-weight: 300; - color: var(--text-color); + color: var(--link-card-text-color); text-decoration: none; &--ellipsis { diff --git a/sass/components/_main-menu.scss b/sass/components/_main-menu.scss index 8b491e8941..98070198bf 100644 --- a/sass/components/_main-menu.scss +++ b/sass/components/_main-menu.scss @@ -13,7 +13,7 @@ @include flex-center; position: relative; - height: var(--header-height); + height: var(--layout-header-height); font-size: 1.3rem; font-weight: 500; text-decoration: none; @@ -45,7 +45,7 @@ // Instead we have the outline on the text inside the link &:focus-visible span { border-radius: 4px; - outline: var(--focus-outline); + outline: var(--main-menu-link-outline); outline-offset: 4px; } } @@ -65,12 +65,12 @@ width: $mobile-menu-width; bottom: -$bottom-buffer; padding-bottom: $bottom-buffer; - background-color: var(--color-neutral-800); + background-color: var(--main-menu-mobile-bg-color); z-index: $z-main-menu; transform: translateX(0); opacity: 0; transition: transform $duration, opacity $duration; - box-shadow: 0px 0px 16px var(--main-menu-box-shadow-color); + box-shadow: 0px 0px 16px var(--main-menu-mobile-box-shadow-color); &--with-page-menu { --main-menu-switch-height: 56px; @@ -85,9 +85,9 @@ align-items: center; justify-content: space-between; padding-left: $padding; - height: var(--header-height); - background-color: var(--header-bg-color); - border-bottom: 2px solid var(--header-border-color); + height: var(--layout-header-height); + background-color: var(--layout-header-bg-color); + border-bottom: 2px solid var(--layout-header-border-color); a { display: flex; @@ -104,7 +104,7 @@ &__content { position: relative; height: calc( - 100% - var(--header-height) - var(--main-menu-switch-height) + 100% - var(--layout-header-height) - var(--main-menu-switch-height) ); overflow-x: hidden; } @@ -174,7 +174,7 @@ @include flex-center; padding: 0 8px; - height: var(--header-height); + height: var(--layout-header-height); font-size: 1.3rem; font-weight: 500; text-decoration: none; diff --git a/sass/components/_page-with-menu.scss b/sass/components/_page-with-menu.scss index 48f6f30d7b..5c7b44660b 100644 --- a/sass/components/_page-with-menu.scss +++ b/sass/components/_page-with-menu.scss @@ -31,8 +31,8 @@ @include scrollbar-v; position: sticky; - top: calc(var(--header-height) + #{$margin-top}); - height: calc(100vh - var(--header-height) - #{$margin-top * 2}); + top: calc(var(--layout-header-height) + #{$margin-top}); + height: calc(100vh - var(--layout-header-height) - #{$margin-top * 2}); overflow-y: auto; padding-bottom: $margin-top; } diff --git a/sass/components/_sponsors.scss b/sass/components/_sponsors.scss index f82d136323..01a9e31764 100644 --- a/sass/components/_sponsors.scss +++ b/sass/components/_sponsors.scss @@ -3,26 +3,6 @@ max-width: 900px; margin: 0 auto; - &--corporate_platinum, - &--corporate_bronze, - &--diamond, - &--titanium { - background-color: var(--sponsor-vip-bg-color); - border-radius: 8px; - padding: 24px 24px 8px; - - .sponsors { - &__title { - color: var(--sponsor-vip-title-color); - margin: 0 0 16px; - } - - &__name { - color: var(--sponsor-vip-name-color); - } - } - } - &:not(:last-child) { margin-bottom: 56px; } @@ -54,21 +34,21 @@ &__name { display: block; margin: 0 10px 10px; - color: var(--sponsor-name-color); + color: var(--sponsors-name-color); font-size: 1.25rem; } &__link { display: block; margin: 0 15px 15px; - color: var(--sponsor-link-color); + color: var(--sponsors-link-color); font-size: 1.5rem; } &__amount { margin-top: -4px; font-size: 1.2rem; - color: var(--sponsor-amount-color); + color: var(--sponsors-amount-color); } &__content { @@ -108,5 +88,5 @@ .past-donor { font-size: 1rem; - color: var(--sponsor-past-donor-color); + color: var(--sponsors-past-donor-color); } diff --git a/sass/components/_tabs.scss b/sass/components/_tabs.scss index c2f6b5eb9a..6c498b9c13 100644 --- a/sass/components/_tabs.scss +++ b/sass/components/_tabs.scss @@ -17,7 +17,6 @@ padding: 12px $h-padding; position: relative; border-radius: 8px; - color: var(--text-color); &:hover { background-color: unquote("rgb(from var(--tabs-bg-color) r g b / 0.05)"); diff --git a/sass/components/_tree-menu.scss b/sass/components/_tree-menu.scss index 8e7d1bdd92..143f183990 100644 --- a/sass/components/_tree-menu.scss +++ b/sass/components/_tree-menu.scss @@ -32,7 +32,7 @@ background-color: var(--tree-menu-label-active-bg-color); .tree-menu__link { - color: var(--tree-menu-label-active-color) + color: var(--tree-menu-label-active-color); } } diff --git a/sass/elements/_details.scss b/sass/elements/_details.scss index 4827f56e4f..2dc2ff4baf 100644 --- a/sass/elements/_details.scss +++ b/sass/elements/_details.scss @@ -3,7 +3,7 @@ details { border-radius: $border-radius; padding: 0 $h-padding; margin-block: 1em; - background-color: unquote("rgb(from var(--details-bg-color) r g b / 0.05)"); + background-color: unquote("rgb(from var(--details-bg-color) r g b / 0.1)"); overflow: hidden; // prevent clobbering corner radii & h1, @@ -19,6 +19,10 @@ details { > summary { cursor: pointer; // this should be the default padding-block: calc($h-padding/2); + + &:hover { + text-shadow: 0 0 0.9px var(--details-text-shadow-color), 0 0 0.9px var(--details-text-shadow-color); + } } // these styles are noncritical so the 2.4% without `:is` will be fine diff --git a/sass/elements/_html.scss b/sass/elements/_html.scss index 4bbd34a5ea..051d712d1e 100644 --- a/sass/elements/_html.scss +++ b/sass/elements/_html.scss @@ -1,5 +1,5 @@ html { - color: var(--text-color); + color: var(--html-text-color); color-scheme: dark; font-family: var(--font-family-sans); font-size: calc-rem($size-body-mobile); diff --git a/sass/elements/_kbd.scss b/sass/elements/_kbd.scss index d7aa27164e..8e93b2658f 100644 --- a/sass/elements/_kbd.scss +++ b/sass/elements/_kbd.scss @@ -2,7 +2,7 @@ kbd { font-size: 0.8rem; padding: 0.1rem; line-height: 1; - border-color: grey; + border-color: var(--kbd-border-color); border-radius: 0.3rem; border-style: solid; border-width: 1px; diff --git a/sass/elements/_table.scss b/sass/elements/_table.scss index c62573e7a1..d887454c00 100644 --- a/sass/elements/_table.scss +++ b/sass/elements/_table.scss @@ -6,7 +6,6 @@ table { thead { background-color: var(--table-header-color); - color: var(--table-header-text-color); } tr td { diff --git a/sass/pages/_assets.scss b/sass/pages/_assets.scss index d22181616f..376efef096 100644 --- a/sass/pages/_assets.scss +++ b/sass/pages/_assets.scss @@ -29,7 +29,6 @@ font-size: 1.2rem; padding: $asset-card-padding; width: 100%; - color: var(--text-color); &:focus-visible { outline: none; @@ -43,11 +42,10 @@ background-color: var(--asset-version-select-bg-color); font-size: 1rem; padding: 0.4rem; - color: var(--text-color); margin-left: 8px; &:hover { - border: 2px solid var(--asset-version-select-bg-hover-color); + border: 2px solid var(--asset-version-select-border-hover-color); } .item-grid { @@ -100,7 +98,7 @@ text-align: center; justify-content: center; align-items: center; - color: var(--text-color); + color: var(--asset-suggestion-item-text-color); height: 48px; &__img_wrapper { diff --git a/sass/pages/_content.scss b/sass/pages/_content.scss index d69dd5d59b..e8f891f805 100644 --- a/sass/pages/_content.scss +++ b/sass/pages/_content.scss @@ -5,16 +5,11 @@ $content-font-size: 1.22rem; font-size: $content-font-size; font-weight: 400; line-height: 1.43; - color: var(--text-color); + color: var(--media-content-text-color); font-style: normal; text-decoration: none; word-break: break-word; - h2, - h3 { - color: var(--heading-color); - } - h2 { margin-top: 2.2rem; margin-bottom: 0.5rem; @@ -60,17 +55,21 @@ $content-font-size: 1.22rem; a:link code { font-family: var(--font-family-mono); font-variant-ligatures: none; - color: var(--code-link-color); + color: var(--media-content-link-code-color); font-style: normal; text-decoration: none; } + a:hover code { + background-color: var(--media-content-link-code-hover-color); + } + code { font-family: var(--font-family-mono); font-variant-ligatures: none; font-size: 1.05rem; - color: var(--code-text-color); - background-color: var(--code-bg-color); + color: var(--media-content-code-text-color); + background-color: var(--media-content-code-bg-color); border-radius: 4px; padding-block: 2px; padding-inline: 6px; @@ -79,8 +78,8 @@ $content-font-size: 1.22rem; blockquote { font-size: 1.1rem; - color: var(--text-dim-color); - background-color: var(--code-bg-color); + color: var(--media-content-blockquote-text-color); + background-color: var(--media-content-blockquote-bg-color); border-radius: $border-radius; padding: 8px; margin: 0px; @@ -96,23 +95,19 @@ $content-font-size: 1.22rem; padding-left: 2.5rem; } - a:hover code { - background-color: var(--code-bg-hover-color); - } - a.button { - color: var(--color-white); + color: var(--media-content-button-text-color); } a { text-decoration: none; - color: var(--link-color); + color: var(--media-content-link-color); } - // a:hover { - // text-shadow: 0 0 0.9px var(--link-hover-shadow-color), - // 0 0 0.9px var(--link-hover-shadow-color); - // } + a:hover { + text-shadow: 0 0 0.9px var(--media-content-link-hover-shadow-color), + 0 0 0.9px var(--media-content-link-hover-shadow-color); + } pre code { padding-bottom: 0px; @@ -121,7 +116,3 @@ $content-font-size: 1.22rem; padding-right: 0px; } } - -.fun-list { - color: var(--news-fun-list-color); -} diff --git a/sass/pages/_docs.scss b/sass/pages/_docs.scss index f94d0701cc..110df646ee 100644 --- a/sass/pages/_docs.scss +++ b/sass/pages/_docs.scss @@ -12,7 +12,7 @@ h1, h2, h3 { - color: var(--heading-color); + color: var(--docs-heading-color); } h1 { diff --git a/sass/pages/_donate.scss b/sass/pages/_donate.scss index 1753777fa1..fe7c3fba29 100644 --- a/sass/pages/_donate.scss +++ b/sass/pages/_donate.scss @@ -12,7 +12,7 @@ div.donate-sponsor { font-size: 1.22rem; font-weight: 400; line-height: 1.43; - color: var(--text-color); + color: var(--donate-text-color); font-style: normal; text-decoration: none; word-break: break-word; @@ -35,7 +35,7 @@ div.donate-sponsor { a:visited { text-decoration: none; - color: var(--link-color); + color: var(--donate-link-color); } } @@ -62,7 +62,7 @@ div.donate-sponsor { margin-top: 10px; font-size: 1.3rem; font-weight: 500; - color: var(--color-white); + color: var(--donate-description-color); } .donate-header-padding { @@ -81,7 +81,7 @@ div.donate-sponsor { margin-bottom: 1rem; line-height: 40px; border-bottom-width: 4px; - border-bottom-color: var(--color-white); + border-bottom-color: var(--donate-metric-color); border-bottom-style: solid; } @@ -123,7 +123,7 @@ div.donate-sponsor { position: relative; width: 280px; height: 134px; - background-color: var(--code-bg-color); + background-color: var(--donate-level-bg-color); &:hover { text-shadow: none !important; diff --git a/sass/pages/_features.scss b/sass/pages/_features.scss index a5fbbb94cc..ec4ac796e6 100644 --- a/sass/pages/_features.scss +++ b/sass/pages/_features.scss @@ -37,7 +37,6 @@ } .feature-title { - color: var(--heading-color); font-size: 2.1rem; margin-top: 0; margin-bottom: 0.3rem; diff --git a/sass/pages/_migration_guide.scss b/sass/pages/_migration_guide.scss index 518e0b2f74..21de87dfe7 100644 --- a/sass/pages/_migration_guide.scss +++ b/sass/pages/_migration_guide.scss @@ -2,7 +2,7 @@ h1, h2, h3 { - color: var(--heading-color); + color: var(--migration-guide-title-color); } h2 { @@ -29,7 +29,7 @@ } hr { - $color: "rgb(from var(--hr-color) r g b / 0.05)"; + $color: "rgb(from var(--migration-guide-hr-color) r g b / 0.05)"; height: 1px; color: unquote($color); @@ -45,14 +45,14 @@ margin-top: 2rem; padding-top: 2rem; margin-bottom: 0.1rem; - border-top: solid var(--hr-color-legacy) 1px; + border-top: solid var(--migration-guide-hr-color-legacy) 1px; } .migration-guide-area-tags { display: flex; flex-wrap: wrap; gap: 0.2rem; - color: var(--color-neutral-300); + color: var(--migration-guide-legacy-area-tags-color); } .migration-guide-area-tag { diff --git a/sass/pages/_news.scss b/sass/pages/_news.scss index 05c7b817f5..0b31422811 100644 --- a/sass/pages/_news.scss +++ b/sass/pages/_news.scss @@ -1,5 +1,4 @@ .news-title { - color: var(--heading-color); font-size: 2.8rem; font-weight: 800; margin-bottom: 0px; @@ -11,7 +10,7 @@ font-size: 1.22rem; font-weight: 200; font-style: italic; - color: var(--text-dim-color); + color: var(--news-subtitle-color); } .news-content { @@ -38,19 +37,23 @@ .news-social-link { font-size: 1.1rem; - color: var(--text-color); + color: var(--news-social-link-color); } .release-feature-authors { margin-top: -0.8rem !important; font-style: italic; - color: var(--text-dim-color); + color: var(--news-feature-authors-color); } .news-image-subtitle { - color: var(--text-dim-color); + color: var(--news-feature-image-subtitle); font-style: italic; font-size: 1rem; margin-top: -0.3rem; text-align: center; } + +.fun-list { + color: var(--news-fun-list-color); +} From 2377c99a719afee937088cd70dd31827248ee079 Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 4 Mar 2025 18:22:00 +0100 Subject: [PATCH 28/40] Remove `donors.toml` --- content/donate/donors.toml | 1876 ------------------------------------ 1 file changed, 1876 deletions(-) delete mode 100644 content/donate/donors.toml diff --git a/content/donate/donors.toml b/content/donate/donors.toml deleted file mode 100644 index c6df2ddd70..0000000000 --- a/content/donate/donors.toml +++ /dev/null @@ -1,1876 +0,0 @@ -[[donor]] -customer_id = "stripe:cus_QIGvoRCqPjeUX0" -link = "https://keygen.sh" -logo = "keygen.svg" -amount = 250 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pj1pO9QsC03zvD" -name = "Sindri Andrason" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PxvGKhDZv3P4a6" -name = "Dylan P." -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pin1t2wXD10QAg" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Po8X6F18QjdfeU" -name = "Gediminas Gylys" -amount = 50 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QdeKd3dIoVgLNR" -name = "Jesse Rupe" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QziqgWGgHRAk6Y" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihH4EZDNKkryK" -name = "Troels Hoffmeyer" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PtYbtiIajUjOxf" -name = "VJ Pyree" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QdCCjpeaTb8kw2" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PlGILFkNxjygmG" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjJZ990YmD5dqt" -name = "Idris Zaidi" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PjLdRXfAR6g2M2" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PlLK2HTFjQNhdA" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PuUIpUSbf4fyNp" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PiiCptaWVBdToB" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pjl6wzHmOItD4x" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Q6ZoIUP59gd145" -name = "Rusticorn" -amount = 50 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PleQy2znzIDUND" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PnnvBCSumdebUg" -amount = 50 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QsADcs1eQxABAl" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjHuI269K1ADJo" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PpEuLjAuIrUG9u" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihpBREcgX0mpJ" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QHYWFk6D8ZbM2I" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Q0IGaBJGnD01EI" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PldIcJfusUNxaj" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QroqvsRtIRUfeM" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Q5mIRZla17W2Eh" -name = "Vollkornaffe" -amount = 50 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QlsiCRSFLvH1Ry" -name = "Jacudibu" -amount = 50 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pk3L5ECmX0eNBH" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QpEqfyE5d8Kmzu" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pihqo4bylX3qTB" -name = "John Hainline" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Piyg0MmCekKKTR" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihSwJqVlhijQF" -amount = 250 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PuO6zstFrxKFkN" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QdhBh5XYTfyAAv" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihEyrT0pHEQW2" -name = "nezuo" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PikkVHOgp5U9KG" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pii8KtHiAbgRF5" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihM9MT56cMW0c" -name = "occuros" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pil2YHaU5N9PYm" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjgsA71eNw49Nd" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QdeYSffLpQMw99" -name = "doot" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PnTMjQyxSJpsvX" -name = "indiedevcasts.com" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PihvfnNiXQKTp5" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Q7biEdtBbWiFFM" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QTPxs2ZeEDjggM" -name = "Victor Bjelkholm" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PiumShI0kaKaFl" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QD2EoXOqoiVrKP" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Qyd1TLKycj2Rcm" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_RZv0moioXN4fIm" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pj8ulybMUEX6fA" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pj9joPUihnivBe" -name = "0x0177b11f" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PtXiBhd9uwwuvs" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QeVAq5EY70jHv8" -link = "https://rustunit.com" -logo = "rustunit.png" -amount = 250 -source = "stripe" -past = false -square_logo = true - -[[donor]] -customer_id = "stripe:cus_QD2FFnJUDsgOXj" -name = "Dan White" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihYnNo1yNtAlJ" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Qi3MyHdByuTjgm" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pw6cosbGZd0bka" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QSL6FnsF75cxU5" -name = "RJ" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QcRLUmZN3T2JCs" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pj2SwgqZ76fmGR" -name = "Oleksii Nosov" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QeGr4bC9xpPGEC" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Piqhz2xWwxQUoj" -name = "Jack Wolfard" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Piin0g2G5t77g1" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PihDG5BoSmDK3L" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QCZCEv9NoXkOD0" -name = "Insfollowpro" -link = "https://insfollowpro.com" -amount = 100 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pitr4FLpSMzxqn" -name = "Ask Game Studio" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Q1EsyLGF8BcydN" -name = "puzzled_squid" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QUExW9T9aSR82e" -name = "avi" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PvoZ370C6mxInM" -name = "Daniel Grice" -amount = 50 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PihmsNEsLMZubm" -name = "HAL 9000" -amount = 50 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QedPq18FrgCGmQ" -name = "Augustin Gjini" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pjj2nJ5KxQwIZw" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PrDAXhtyl3yjuo" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjLSnhRsgmq0OD" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QfGOxHoPmR9zRI" -name = "V-Sekai" -amount = 50 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QGLfqetYYczDWi" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PiiufQ5XdL2eOV" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pvdk39PR594a1F" -name = "Subtale" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QelFNKpdJ18Fyf" -name = "natepiano" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Rld2xncllrh5jW" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Piz4xk8tHgq2Xp" -name = "Nicholas Anderson" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pittvj1xvgyTTw" -name = "Slowchop Studios" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Q9VmaWveoR97L2" -name = "TenRayTracedCats" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PyiUxpYjazUBPN" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_RJ6cNMaCRS0Z3X" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QgylZfOVJmIdDX" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PolBAP1epzgVdI" -name = "Jessica Collins" -amount = 50 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PiwxLdvJ5jXXMu" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QFxmb2lAMuO2rT" -amount = 50 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QaKEKAvz3e75xo" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QkIJXeDprwrr3t" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjR7gGdWFqjoN4" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Qde7r9oF2kYFgo" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QqS5eLdFM6Wm1m" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QzIkjl0Jn5T6w3" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pii5VFdZtM9ugl" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pygoa9rM7J74f8" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihAFs2qac5SG0" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Qb4arhRHWBfXRF" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PzxnysadNPXQeS" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_R06KUJJCDI69uY" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihGEdjUATe5xx" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PisHh5RhhVkzpO" -name = "Turki Al-Marri" -amount = 50 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihF71v8x4qjnW" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pj0EO4PPiDQL4w" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pl5y7nzj5nV3BY" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PikglPNU66j5re" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PnWz9DlKwZasUi" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihKfFokYZwzZo" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Qdfxmjn1Y4Wygs" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihGn6Vn25KJIH" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pij8uxY5fTV8Bl" -name = "CooCooCaCha" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Q6x8wiEFiKFvci" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QhcUb49ylP4vnD" -name = "knutwalker" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PlRjOAy0Y7uoKE" -name = "Brandon Wand" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pqrw36DWChUXbH" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PtJo6ENLDFFKba" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pihr1inJklIxsO" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PlHBIE9w0LlGp2" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjPGs6R0VcvMaG" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PqROgYq82KMLVY" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihNRR46xjRPKt" -name = "well, now I have to make a game with bevy" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QIodqp8oeWKNB9" -name = "Viet NT" -amount = 50 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QuVQ1PzIqY5CGO" -name = "Robin Benzinger" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PirWyeEgClh2ZM" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PisitlYqxhAdvk" -name = "Cult, Inc." -link = "https://cult.app" -amount = 100 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PjmXwN1wT2C8rm" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihuTEE4elTN3h" -name = "abledbody" -link = "https://github.com/abledbody" -amount = 100 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PvTztPSqcN6Dq4" -name = "Dominykas Djacenko" -amount = 50 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_RcWYsdUHEkua5t" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihXjwWgzCUZaL" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Q5sO50D1DERVWZ" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QCZaYjp4CCulkK" -link = "https://www.holonautic.com/" -logo = "holonautic.png" -amount = 250 -source = "stripe" -past = false -logo_scale = 0.44999998807907104 - -[[donor]] -customer_id = "stripe:cus_Pj2sIwbTYj3OcY" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QargFhWG1mhwxN" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QOx2wxg239vcAF" -name = "Piot" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PihQyHcgdQwfDO" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PimHBOwl1DPurI" -name = "nil (TheRawMeatball)" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pj71hP9s2otc3z" -name = "rustunit.com" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QNewhxk1OvYIQI" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PiiueQnti6nqYE" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihW2eo6gWEE8A" -name = "Afonso Lage" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihotA3l9BGMOx" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QS2yCYEgYzWcFF" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QPiLmKsAILHuNx" -name = "Charlotte" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Q92656AkFnypo5" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PiiiSDEPLiFTlI" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PoBamZ1lCPiS7i" -name = "Skolwind" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Q9JDafdKGOvHbK" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QFIRV4JjUTsVkJ" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PkBM6ZiW5qiesy" -name = "Gunstein Vatnar" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihW7Epr7RIUbu" -name = "Aevyrie Roessler" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PiuVCTB8D3f8ID" -name = "Adam" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PihSQG1ozZtYbF" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PiiCmXoMcmbfy7" -name = 'Ida "Iyes"' -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihHjZE94ATMJ9" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_R4WYXbl1g7fe1T" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PirwVmVfiQGpeE" -name = "Paul Lackner" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Qf29BX8CFX6cxk" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Qh9nghM4frZ8QN" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PxLSelb9zvuzro" -name = "Jan Klinge" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pt4KqGz8dHC8or" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QdimWde1PL89Y0" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pii3sDrCX7BTLj" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Piici895QO7AMD" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PvpLsxaNb61RZo" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QpD6L4HzUuG4Kf" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QQE8BysPSKnu5J" -name = "bugcaptor" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_RJ4QSH4EcQn1yl" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_RlvyIOfQrfbwVa" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pv0OYExfZfuQJD" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pw6B5dOhjCYapw" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Q40lVlGE6Epr0j" -name = "Arend van Beelen" -amount = 50 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PvLYap8uWBKAob" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PizmngvnmZnVDj" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QoNuKeST1Fan1N" -name = "samflores" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihOIaQJb7oMi7" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PsNp4xRleDTiCo" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pk1d910e98zov2" -name = "Petr Kharitonov" -amount = 250 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PuHwTl39VbD6LR" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihVbmEUk0vBkO" -link = "https://deadmoney.gg" -logo = "dead_money.png" -amount = 250 -source = "stripe" -past = true -square_logo = true - -[[donor]] -customer_id = "stripe:cus_Pl906N6SZTxOHW" -name = "Brett Witty" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PqcJWBMPfcge7x" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_R06fMvcAmQoRuB" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjlkfhgzTfEOIO" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_RTIb69IMHxoVia" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pij6gAoN8BGbGL" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Q40t9mIUhLyzqC" -name = "Orange_Murker" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PilHDbrWjEYLA2" -name = "Jakob Getzel" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PiM2iWUX60jsPi" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_RGVBNq22Ywf2nE" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihOlmgAow94bb" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Q6kL4YtimsflQo" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QEBLqvEudErusz" -amount = 4000 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QlSz2FRzBDSkVn" -name = "doomy" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjO7CdLQLxi6nZ" -name = "Hexorg" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihHZBpZ5nCgxO" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Q1guPfDJbwSjtn" -name = "now I have to make a game with bevy" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Q5reWVu1n5bNFp" -link = "https://playroids.com" -logo = "roids.png" -amount = 250 -source = "stripe" -past = true -square_logo = true - -[[donor]] -customer_id = "stripe:cus_PinBSJUBUdemiI" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pk9Q17Ebpm9elf" -amount = 100 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QPk3cBjt29cIsp" -name = "Torstein Grindvik" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PiyV5K1hvBIlE2" -name = 'Chris "cdata" Joel' -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PihC1uhHNw6dVe" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PiiQM4VrynD68i" -name = "SilvanCodes" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjKJS5n9u8JtS5" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_RX2VX8sA4xFK0B" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjcJef5hQnPPjh" -name = "Pressing Thumbs Games" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pl90EWRu326v6N" -link = "https://www.christopherbiscardi.com/" -logo = "cblogo.svg" -amount = 250 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PqKkhyTcJ7FdUZ" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_RkSDdGsZmn3jOG" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QbLWA5KvaXkBf6" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_QTixtmtNHfi8l4" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PnFgvP9gHuP7Mr" -amount = 5 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pnf9lIdSINT1yG" -name = "Daniel Grice" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PihFktqtLsxtVe" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pj1X2JxlkL68yi" -name = "David M. Lary" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_PihkMJLrlgkyAf" -amount = 5 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PjyrnRu3cCPyiE" -amount = 10 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_PzFwYvlxSSGci6" -amount = 10 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_QtfOAGLN460nwn" -name = "John Hainline" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Pk6cB8ngn6Lx9V" -name = "Allan Davis" -amount = 25 -source = "stripe" -past = true - -[[donor]] -customer_id = "stripe:cus_Q4IVV25jIttstM" -name = 'Connor "Aceeri" McCluskey' -amount = 50 -source = "stripe" -past = false - -[[donor]] -customer_id = "stripe:cus_Pj6vYCpLPQLhEa" -name = "Corvus Prudens" -amount = 25 -source = "stripe" -past = false - -[[donor]] -customer_id = "every.org:b58678e3-8361-4659-9631-54bf3a067f90" -name = "Daniel Yokoyama" -amount = 25 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:57cf9f73-f989-40a2-9b42-7ed067add940" -name = "Idris Zaidi" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:34465585-62d5-4f19-b7e0-a20ea8dd0a31" -name = "Uche Okwo" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:0cdea595-3cda-4182-b012-a61f8cb7fd9c" -name = "Antoine Duchenet" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:f6abcd82-de71-402b-b860-0bc7d865c96c" -name = "Ronny Brzeski" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:e8e86569-6918-4486-8ed1-ba7cd1d18eba" -name = "Bernd Weber" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:4e6b600e-8361-4aa0-9545-0e9b496d842f" -name = "ziwen deng" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:10052280-2ef0-41bb-8bfb-c9a729ea591b" -name = "Reshen Amin" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:fec58ab5-2995-4985-9d6b-b7e90986dbf1" -name = "Viktor Kuroljov" -amount = 10 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:05da99d6-5476-4fd2-9535-1189b6155ad6" -name = "Charles Knudson" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:4e8319b0-ed7a-4744-bcca-713e9e203fc6" -name = "Théo Degioanni" -amount = 10 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:76043d78-7d2a-44c3-91ac-11e3f2a8c0e0" -name = "Micah Hinckley" -amount = 10 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:5feae1b7-8fb1-4e76-b3ad-38ce353b70a5" -name = "Felix Rath" -amount = 50 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:5feee5cb-a78c-4424-972d-4236118f5a8f" -name = "Jonathan Plasse" -amount = 10 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:75b7e254-8374-4a65-8c63-ffe26166e48c" -name = "Scorewarrior Limited" -link = "https://scwr.gg/bevy" -logo = "scorewarrior.svg" -amount = 6000 -source = "every.org" -past = false -logo_scale = 0.699999988079071 - -[[donor]] -customer_id = "every.org:ef5c3e95-8f47-4b8d-8ad6-e59c776074cd" -name = "Cameron Flannery" -link = "https://navier.ai/" -logo = "navier-ai.png" -amount = 500 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:1a9eb207-8de3-45a9-ba93-dd9fd16b8525" -name = "Aldis Ruiz" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:66cc2662-26a8-4595-90c1-65d3b5e6ed2c" -name = "Iryna Chernyshchuk" -amount = 20 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:9224b1f1-4d51-4d5e-8bb1-905a4dd42212" -name = "Shira Smith" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:f928553b-2fb1-4faa-a2f9-b877cfd96492" -name = "Daniel Porteous" -amount = 50 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:204cc4e3-d158-4166-a2f4-6ce7f8ed8a83" -name = "Tomas Zemanovic" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:8329432b-9526-4920-a914-be52acf8ba11" -name = "Amelia Mowers" -amount = 25 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:b31a5938-6514-404f-b561-b2f0f9a9ee37" -name = "Yash Kumar" -amount = 50 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:abd7adf2-75cb-4777-bb57-0672f9feb116" -name = "Kris Warner" -amount = 25 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:c81ac853-40ab-4578-9814-1f806bde1098" -name = "Brandon Reinhart" -amount = 250 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:f02251cf-ddf2-4308-906e-e1310f592f2e" -name = "Jiří Švejda" -amount = 10 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:a06be5a7-9574-4cd4-bd9e-b3757b029eaf" -name = "Wiktor Ravndal" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:881003b6-5fee-433a-bb1c-e0c0f89f6a7f" -name = "Brian Heineman" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:78434ff0-2aab-47eb-8c65-73e897e4329b" -name = "Justin Turpin" -amount = 10 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:39bc327b-7fca-4fbf-bfd6-1d07f1436353" -name = "Joost Oudejans" -amount = 82 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:74120231-e7db-4e23-8a14-fa8455c3e0da" -name = "Lars Diederich" -amount = 25 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:a9bc8b65-ae64-4d2f-baaf-0a9fe71e6339" -name = "Carter Anderson" -amount = 10 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:74e47cfc-77b0-430c-b808-7dca58c5de97" -name = "Владимир Степаненко" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:7780d327-f5bc-4813-8f39-b709ead73f1e" -name = "Justin Hentz" -amount = 280 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:8981a58f-044f-45f4-a454-da2d902cb2b0" -name = "Alan Jesser" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:2371bb41-c917-4487-b72b-696b557aef5f" -name = "Ben Whitley" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:f92d255e-b838-4bd9-bf02-2f64416da60f" -name = "Julian Ramirez Ruiseco" -amount = 4000 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:216bdc93-da0d-42ec-a542-5987a8a653d5" -name = "Hugo Peters" -amount = 40 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:d2c8063b-fe4e-4d44-8bb0-7ee7b866c2fc" -name = "Pedro Reis" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:da1ed1f1-91e5-43e6-9d3e-0651abcd1aa6" -name = "Jonny Power" -amount = 50 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:840d1d46-7ea6-4b9f-87e3-32c126904775" -name = "John Hainline" -amount = 25 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:2f657bdb-069f-4a1f-a453-d378d22eb85d" -name = "Briana Collins" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:5b916c65-c667-47a6-be40-7198d23c7b52" -name = "Kilian Gärtner" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:f38d804d-7ac9-4bc2-a623-64770ae11d25" -name = "Julian Ramirez Ruiseco" -link = "https://www.fslabs.ca" -logo = "Foresight_Spatial_Labs.svg" -amount = 4000 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:131db320-2e23-42ea-9afc-51f31a596ade" -name = "Mark Davis" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:20c63206-7f73-4753-83fb-3f04ef462f60" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:b5b96bb4-a0f1-45ff-b7c0-011028bc7bbc" -name = "IceSentry" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:9f5be61b-d183-4301-84a8-b57858802be1" -name = "RyeToastyO" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:149254d2-6c79-4d4f-960a-64b8f1a7288a" -name = "Timothy Bertotti" -amount = 30 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:4ecf71b1-792c-430b-a722-4fb081c02126" -name = "rudderbucky" -amount = 25 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:85a2246e-ee71-4a05-aa41-00b03c7bf7a3" -name = "Julian Laubstein" -amount = 10 -source = "every.org" -past = true - -[[donor]] -customer_id = "every.org:0021b0c6-3027-41aa-813d-d970e30db48c" -name = "Bobby Rasmussen" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:9b060812-c25a-4273-b117-a6ab3d05e03f" -name = "Marius Cobzarenco" -amount = 25 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:9750e55e-2e3f-48b6-9aa7-0f8c9aaf0336" -name = "Cayle Bray" -amount = 100 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:a45d3d45-aec3-4f02-ac35-04e9bcd9d551" -name = "Birk Gonsholt" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:c3d65563-ebf9-4d87-ae6e-e1725ea3ea2c" -name = "Max Polun" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:35a44d9e-bb19-4d22-ac02-6f1876e3a3d1" -name = "Stefan Wolf" -amount = 50 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:8b0ae1cc-2bef-42be-af79-abeb50e83c4d" -name = "Konrad Konieczny" -amount = 10 -source = "every.org" -past = false - -[[donor]] -customer_id = "every.org:4f2d265e-3960-4d69-9cb1-738fc72c76eb" -name = "Katerina Marchan" -amount = 10 -source = "every.org" -past = false From 4c344f6e28da7b7005ea8213e1264676d27a93c8 Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 4 Mar 2025 18:23:09 +0100 Subject: [PATCH 29/40] Revert `donors.toml` --- content/donate/donors.toml | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 content/donate/donors.toml diff --git a/content/donate/donors.toml b/content/donate/donors.toml new file mode 100644 index 0000000000..e69de29bb2 From 8ec72708a870ef8352d9190439310bdc8c181b1c Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 4 Mar 2025 18:23:53 +0100 Subject: [PATCH 30/40] Revert `metrics.toml` --- content/donate/metrics.toml | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/donate/metrics.toml b/content/donate/metrics.toml index c25f5fa322..6a6a738bf4 100644 --- a/content/donate/metrics.toml +++ b/content/donate/metrics.toml @@ -1,3 +1,3 @@ -monthly_dollars = 15210 -sponsors = 3 -members = 176 +monthly_dollars = 0 +sponsors = 0 +members = 0 From ed193d1024e88be3b7dfec93be08815af278c3a6 Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 4 Mar 2025 20:04:55 +0100 Subject: [PATCH 31/40] Fix light-mode regressions --- sass/_utils.scss | 2 +- sass/_vars.scss | 105 ++++++++++++++++++++--------------------- static/on-this-page.js | 2 +- 3 files changed, 52 insertions(+), 57 deletions(-) diff --git a/sass/_utils.scss b/sass/_utils.scss index 75fa2bf7a5..a50b5b7cf5 100644 --- a/sass/_utils.scss +++ b/sass/_utils.scss @@ -6,7 +6,7 @@ *:focus-visible { border-radius: 4px; outline: var(--focus-outline); - outline-offset: 4px; + outline-offset: 2px; } .section { diff --git a/sass/_vars.scss b/sass/_vars.scss index fa052b2c55..e9ea2d1f5c 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -68,6 +68,7 @@ $border-radius: 10px; --color-neutral-75: #bfbfbf; --color-neutral-78: #c8c8c8; --color-neutral-82: #d2d2d2; + --color-neutral-86: #dcdcdc; --color-neutral-93: #ececec; --color-neutral-96: #f0effb; --color-neutral-97: #f7f7f7; @@ -87,6 +88,7 @@ $border-radius: 10px; --color-blue-74: #7c90ff; --color-blue-85: #b3daff; --color-blue-85b: #b1d9ff; + --color-blue-90: #cee7ff; --color-blue-link: var(--color-blue-74); @@ -207,14 +209,15 @@ $border-radius: 10px; --docs-heading-color: var(--color-neutral-93); --docs-whats-a-bevy-filter: none; + + --docs-footer-border-color: var(--color-neutral-19); --docs-footer-color: var(--color-neutral-61); --docs-footer-dir-color: var(--color-neutral-40); --docs-footer-dir-hover-color: var(--color-neutral-60b); --docs-footer-edit-color: var(--color-neutral-55); --docs-footer-edit-hover-color: var(--color-neutral-75); - --docs-footer-hover-color: var(--color-neutral-93); --docs-footer-hover-bg-color: #{unquote('rgb(from var(--color-neutral-93) r g b / 0.01)')}; - --docs-footer-border-color: var(--color-neutral-19); + --docs-footer-hover-color: var(--color-neutral-93); --donate-text-color: var(--color-neutral-82); --donate-link-color: var(--color-blue-link); @@ -326,8 +329,8 @@ $border-radius: 10px; --tabs-bg-color: var(--color-white); --tabs-highlight-color: var(--color-blue-link); - --todo-bg-color: hsla(50, 50, 50, 0.3); - --todo-border-color: hsla(50, 75, 50, 0.5); + --todo-bg-color: rgba(191, 170, 64, 0.3); + --todo-border-color: rgba(223, 191, 32, 0.5); --tree-menu-chevron-filter: brightness(70%); --tree-menu-label-active-bg-color: #{unquote('rgb(from var(--color-neutral-93) r g b / 0.1)')}; @@ -348,48 +351,32 @@ $border-radius: 10px; // styled in light mode. .light-mode { @media (prefers-color-scheme: light) { - --color-blue-link: #4a33d9; - - --anchor-link-color: var(--color-neutral-75); - - --asset-card-title-bg-color: #{unquote('rgb(from var(--color-white) r g b / 0.7)')}; - --asset-card-title-color: var(--color-black); - --asset-tag-bg-color: var(--color-neutral-82); - --asset-tag-text-color: var(--color-neutral-22); + --color-blue-link: var(--color-blue-57); --callout-caution-accent-color: #ed0c41; --callout-caution-bg-color: #fccad5; --callout-caution-color: #2a0109; - --callout-info-accent-color: var(--color-blue-45); - --callout-info-bg-color: var(--color-blue-85b); + --callout-info-accent-color: var(--color-blue-57); + --callout-info-bg-color: var(--color-blue-90); --callout-info-color: #040126; --callout-warning-accent-color: #f0d106; --callout-warning-bg-color: #fdedc9; --callout-warning-color: #362a02; - --card-bg-color: var(--color-white); - --card-bg-hover-color: var(--color-neutral-97); - --card-border-color: var(--color-neutral-82); - --card-border-hover-color: var(--color-neutral-75); - --card-bg-gradient-start-color: var(--color-neutral-75); - --card-bg-gradient-end-color: var(--color-neutral-61); - --card-img-bg-color: var(--color-neutral-14); - - --code-bg-color: var(--color-neutral-18); + --code-bg-color: var(--color-neutral-93); --code-incorrect-border-color: red; - --code-text-color: var(--color-neutral-11); --code-text-dim-color: var(--color-neutral-61); --code-aaa: #5078a4; - --code-ccc: #b45eb4; + --code-ccc: #b041a3; --code-ddd: #498bcc; - --code-eee: #d49d06; + --code-eee: #c58908; --code-fff: #eff1f5; --code-ggg: #d67b3e; --code-hhh: #6e91b5; --code-iii: #ae3698; - --code-jjj: #6eba2c; - --code-kkk: #e0858d; + --code-jjj: #64ae23; + --code-kkk: #d1767d; --code-lll: #d08770; --code-mmm: #81ba50; --code-nnn: #bf616a; @@ -403,29 +390,29 @@ $border-radius: 10px; --code-vvv: #565656; --code-www: #5ea91c; --code-xxx: #2aa5a9; - --code-yyy: #d0721a; - --code-zzz: #df9754; + --code-yyy: #cd5d12; + --code-zzz: #ce8c4e; - --details-bg-color: var(--color-black); + --details-bg-color: var(--color-neutral-17); + --details-text-shadow-color: var(--color-neutral-17); + + --docs-heading-color: var(--color-neutral-17); + --docs-whats-a-bevy-filter: invert(85%); --docs-footer-border-color: var(--color-neutral-82); - --docs-footer-color: var(--color-neutral-22); - --docs-footer-dir-color: var(--color-neutral-45); + --docs-footer-color: var(--color-neutral-33); + --docs-footer-dir-color: var(--color-neutral-53); --docs-footer-dir-hover-color: var(--color-neutral-33); - --docs-footer-hover-bg-color: #{unquote('rgb(from var(--color-black) r g b / 0.02)')}; + --docs-footer-edit-color: var(--color-neutral-50); + --docs-footer-edit-hover-color: var(--color-neutral-33); + --docs-footer-hover-bg-color: #{unquote('rgb(from var(--color-black) r g b / 0.01)')}; --docs-footer-hover-color: var(--color-black); - --docs-whats-a-bevy-filter: invert(85%); - - --example-nav-link-color: var(--color-neutral-45); - --example-nav-link-hover-color: var(--color-black); - - --focus-outline: solid var(--color-blue-47) 3px; + --focus-outline: solid var(--color-blue-57) 3px; - --footer-image-filter: grayscale(1) brightness(0%); - - --foundation-logo-filter: invert(80%); + --footer-image-filter: grayscale(1) brightness(10%); + --heading-meta-text-color: var(--color-neutral-50); --heading-meta-item-color: var(--color-neutral-22); --html-bg-color: var(--color-neutral-82); @@ -434,18 +421,29 @@ $border-radius: 10px; --layout-header-border-color: var(--color-neutral-45); @media #{$bp-tablet-landscape-down} { - --main-menu-active-color: var(--color-blue-40); + --main-menu-active-color: var(--color-blue-57); --main-menu-link-hover-color: #{unquote('rgb(from var(--color-black) r g b / 0.03)')}; --main-menu-text-color: var(--color-neutral-33); } - --menu-switch-bg-color: var(--color-neutral-82); + --main-menu-mobile-bg-color: var(--color-neutral-97); + + --media-content-blockquote-bg-color: var(--color-neutral-93); + --media-content-blockquote-text-color: var(--color-neutral-18); + --media-content-code-bg-color: var(--color-neutral-93); + --media-content-code-text-color: var(--color-neutral-17); + --media-content-link-code-color: #d77c08; + --media-content-text-color: var(--color-neutral-27); + + --menu-switch-bg-color: var(--color-neutral-86); --menu-switch-option-active-bg-color: var(--color-white); --menu-switch-option-active-text-color: var(--color-black); --menu-switch-option-text-color: var(--color-neutral-33); + --migration-guide-hr-color-legacy: var(--color-neutral-50); --migration-guide-hr-color: var(--color-black); - --migration-guide-hr-color-legacy: var(--color-neutral-82); + --migration-guide-legacy-area-tags-color: var(--color-neutral-50); + --migration-guide-title-color: var(--color-neutral-13); --on-this-page-color: var(--color-neutral-45); --on-this-page-hover-color: var(--color-black); @@ -453,20 +451,17 @@ $border-radius: 10px; --scrollbar-thumb-color: #{unquote('rgb(from var(--color-black) r g b / 0.2)')}; - --table-border-color: var(--color-neutral-61); - --table-header-color: var(--color-neutral-75); - - --tabs-bg-color: var(--color-black); - --tabs-highlight-color: var(--color-blue-link); + --todo-bg-color: rgba(191, 170, 64, 0.3); + --todo-border-color: rgba(223, 191, 32, 0.5); --tree-menu-chevron-filter: invert(65%); - --tree-menu-label-active-bg-color: var(--color-neutral-82); + --tree-menu-label-active-bg-color: var(--color-neutral-86); --tree-menu-label-active-color: var(--color-black); - --tree-menu-label-color: var(--color-neutral-22); - --tree-menu-toc-bg-color: red; + --tree-menu-label-color: var(--color-neutral-33); + --tree-menu-toc-bg-color: var(--color-neutral-93); --tree-menu-toggle-hover-color: var(--color-neutral-75); - --warning-color: #b3b318; + --warning-color: rgb(179, 158, 24); .inverted { filter: invert(90%) hue-rotate(180deg); diff --git a/static/on-this-page.js b/static/on-this-page.js index c6d0fee4a3..09d38a7e82 100644 --- a/static/on-this-page.js +++ b/static/on-this-page.js @@ -26,7 +26,7 @@ function otp_set_active(id_or_node){ } let headerHeight = getComputedStyle(document.body).getPropertyValue( - "--header-height" + "--layout-header-height" ); let otp_observer = new IntersectionObserver( From 3983b4994f3eb1d3ccddc7444691bba9979cf0aa Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 4 Mar 2025 20:08:16 +0100 Subject: [PATCH 32/40] Tweak --- sass/_vars.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index e9ea2d1f5c..3d389ad282 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -68,7 +68,7 @@ $border-radius: 10px; --color-neutral-75: #bfbfbf; --color-neutral-78: #c8c8c8; --color-neutral-82: #d2d2d2; - --color-neutral-86: #dcdcdc; + --color-neutral-88: #e1e1e1; --color-neutral-93: #ececec; --color-neutral-96: #f0effb; --color-neutral-97: #f7f7f7; @@ -435,7 +435,7 @@ $border-radius: 10px; --media-content-link-code-color: #d77c08; --media-content-text-color: var(--color-neutral-27); - --menu-switch-bg-color: var(--color-neutral-86); + --menu-switch-bg-color: var(--color-neutral-88); --menu-switch-option-active-bg-color: var(--color-white); --menu-switch-option-active-text-color: var(--color-black); --menu-switch-option-text-color: var(--color-neutral-33); @@ -455,7 +455,7 @@ $border-radius: 10px; --todo-border-color: rgba(223, 191, 32, 0.5); --tree-menu-chevron-filter: invert(65%); - --tree-menu-label-active-bg-color: var(--color-neutral-86); + --tree-menu-label-active-bg-color: var(--color-neutral-88); --tree-menu-label-active-color: var(--color-black); --tree-menu-label-color: var(--color-neutral-33); --tree-menu-toc-bg-color: var(--color-neutral-93); From dc79f86e3e1437fa53c602b37581d9c259ff33fd Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 4 Mar 2025 20:12:50 +0100 Subject: [PATCH 33/40] Revert indentation change --- sass/pages/_donate.scss | 298 ++++++++++++++++++++-------------------- 1 file changed, 149 insertions(+), 149 deletions(-) diff --git a/sass/pages/_donate.scss b/sass/pages/_donate.scss index fe7c3fba29..c20ab1f004 100644 --- a/sass/pages/_donate.scss +++ b/sass/pages/_donate.scss @@ -1,262 +1,262 @@ div.donate-sponsor { - position: absolute; - bottom: 0.4rem; - right: 0.8rem; + position: absolute; + bottom: 0.4rem; + right: 0.8rem; - svg { - margin-right: 4px; - } + svg { + margin-right: 4px; + } } .donate-page { - font-size: 1.22rem; - font-weight: 400; - line-height: 1.43; - color: var(--donate-text-color); - font-style: normal; - text-decoration: none; - word-break: break-word; - - h2 { - text-align: center; - margin-top: 2.2rem; - margin-bottom: 0.5rem; - font-size: 2.2rem; - } + font-size: 1.22rem; + font-weight: 400; + line-height: 1.43; + color: var(--donate-text-color); + font-style: normal; + text-decoration: none; + word-break: break-word; - h3 { - font-size: 1.5rem; - margin-bottom: 1rem; - } + h2 { + text-align: center; + margin-top: 2.2rem; + margin-bottom: 0.5rem; + font-size: 2.2rem; + } - a { - text-decoration: none; - } + h3 { + font-size: 1.5rem; + margin-bottom: 1rem; + } - a:visited { - text-decoration: none; - color: var(--donate-link-color); - } + a { + text-decoration: none; + } + + a:visited { + text-decoration: none; + color: var(--donate-link-color); + } } .donate-support { - display: flex; - flex-direction: row; - justify-content: space-around; - flex-wrap: wrap; - max-width: 1100px; - margin: auto; - margin-top: 5rem; + display: flex; + flex-direction: row; + justify-content: space-around; + flex-wrap: wrap; + max-width: 1100px; + margin: auto; + margin-top: 5rem; } .donate-support-text { - width: 500px; + width: 500px; } .donate-support-bevy { - font-weight: 900; - font-size: 5rem; + font-weight: 900; + font-size: 5rem; } .donate-support-description { - margin-top: 10px; - font-size: 1.3rem; - font-weight: 500; - color: var(--donate-description-color); + margin-top: 10px; + font-size: 1.3rem; + font-weight: 500; + color: var(--donate-description-color); } .donate-header-padding { - padding-top: 9rem; + padding-top: 9rem; } .donate-metrics { - height: 200px; - width: 400px; - margin-top: 30px; + height: 200px; + width: 400px; + margin-top: 30px; } .donate-metric { - float: right; - clear: right; - margin-bottom: 1rem; - line-height: 40px; - border-bottom-width: 4px; - border-bottom-color: var(--donate-metric-color); - border-bottom-style: solid; + float: right; + clear: right; + margin-bottom: 1rem; + line-height: 40px; + border-bottom-width: 4px; + border-bottom-color: var(--donate-metric-color); + border-bottom-style: solid; } .donate-number { - font-size: 4rem; - font-weight: 900; + font-size: 4rem; + font-weight: 900; } .donate-number-label { - display: inline-block; - font-size: 2rem; - font-weight: 400; - width: 160px; - text-align: right; + display: inline-block; + font-size: 2rem; + font-weight: 400; + width: 160px; + text-align: right; } .donate-membership-description { - margin: auto; - text-align: center; - font-size: 1.2rem; - max-width: 850px; - margin-bottom: 20px; + margin: auto; + text-align: center; + font-size: 1.2rem; + max-width: 850px; + margin-bottom: 20px; } .donate-levels-container { - margin: auto; - max-width: 850px; + margin: auto; + max-width: 850px; } .donate-membership-levels { - display: flex; - justify-content: space-around; - flex-wrap: wrap; - gap: 5px; + display: flex; + justify-content: space-around; + flex-wrap: wrap; + gap: 5px; } .donate-level { - display: flex; - position: relative; - width: 280px; - height: 134px; - background-color: var(--donate-level-bg-color); + display: flex; + position: relative; + width: 280px; + height: 134px; + background-color: var(--donate-level-bg-color); - &:hover { - text-shadow: none !important; - } + &:hover { + text-shadow: none !important; + } } .donate-level-info { - margin-top: 8px; - margin-left: 14px; + margin-top: 8px; + margin-left: 14px; } .donate-level-icon { - width: 70px; - float: left; + width: 70px; + float: left; } .donate-level-corporate { - color: var(--donate-level-corporate-color); - font-weight: 500; - font-size: 1.2rem; - margin-top: -6px; - margin-bottom: -12px; + color: var(--donate-level-corporate-color); + font-weight: 500; + font-size: 1.2rem; + margin-top: -6px; + margin-bottom: -12px; } .donate-level-text { - margin-top: 4px; - margin-left: 15px; - float: left; + margin-top: 4px; + margin-left: 15px; + float: left; } .donate-level-name { - font-weight: 900; - font-size: 2.5rem; + font-weight: 900; + font-size: 2.5rem; } .donate-level-amount { - margin-top: -0.8rem; - color: var(--donate-level-amount-color); - font-weight: 500; + margin-top: -0.8rem; + color: var(--donate-level-amount-color); + font-weight: 500; } .donate-level-bronze { - color: var(--donate-level-bronze-color); + color: var(--donate-level-bronze-color); } .donate-level-silver { - color: var(--donate-level-silver-color); + color: var(--donate-level-silver-color); } .donate-level-gold { - color: var(--donate-level-gold-color); + color: var(--donate-level-gold-color); } .donate-level-platinum { - color: var(--donate-level-platinum-color); + color: var(--donate-level-platinum-color); } .donate-level-titanium { - color: var(--donate-level-titanium-color); + color: var(--donate-level-titanium-color); } .donate-level-diamond { - color: var(--donate-level-diamond-color); + color: var(--donate-level-diamond-color); } .donate-level-patron { - color: var(--donate-level-patron-color); + color: var(--donate-level-patron-color); } .donate-corporate-button { - display: block; - margin-top: 1rem; - margin: auto; - text-align: center; - align-self: center; - padding-top: 4px; - margin-top: 10px; - width: 200px; - height: 40px; + display: block; + margin-top: 1rem; + margin: auto; + text-align: center; + align-self: center; + padding-top: 4px; + margin-top: 10px; + width: 200px; + height: 40px; } .tier-rewards { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - column-gap: 8px; - position: absolute; - width: 100%; - height: 30px; - bottom: 3px; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + column-gap: 8px; + position: absolute; + width: 100%; + height: 30px; + bottom: 3px; } .tier-reward { - height: 20px; - font-size: 0.9rem; - border-width: 1px; - border-style: solid; - border-radius: $border-radius; - color: var(--donate-tier-reward-color); - line-height: 1.4rem; - padding-left: 8px; - padding-right: 8px; - height: 24px; + height: 20px; + font-size: 0.9rem; + border-width: 1px; + border-style: solid; + border-radius: $border-radius; + color: var(--donate-tier-reward-color); + line-height: 1.4rem; + padding-left: 8px; + padding-right: 8px; + height: 24px; } .credits-text { - text-align: center; - width: 75%; - margin: auto; - font-size: 1.3rem; + text-align: center; + width: 75%; + margin: auto; + font-size: 1.3rem; } .donate-faq-link { - font-size: 1.4rem; - text-align: center; - margin-top: 4rem; + font-size: 1.4rem; + text-align: center; + margin-top: 4rem; } #membership { - display: block; + display: block; } #corporate-sponsorship { - display: none; + display: none; } @include state-checked("donate-view") { - #membership { - display: none; - } + #membership { + display: none; + } - #corporate-sponsorship { - display: block; - } + #corporate-sponsorship { + display: block; + } } From 1047d93ca654e7fc0a1109a824051e91854436ad Mon Sep 17 00:00:00 2001 From: doup Date: Tue, 4 Mar 2025 20:18:10 +0100 Subject: [PATCH 34/40] Revert indentation change --- sass/pages/_donate.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/sass/pages/_donate.scss b/sass/pages/_donate.scss index c20ab1f004..10d1f2ca28 100644 --- a/sass/pages/_donate.scss +++ b/sass/pages/_donate.scss @@ -1,11 +1,11 @@ div.donate-sponsor { - position: absolute; - bottom: 0.4rem; - right: 0.8rem; + position: absolute; + bottom: 0.4rem; + right: 0.8rem; - svg { - margin-right: 4px; - } + svg { + margin-right: 4px; + } } .donate-page { @@ -244,11 +244,11 @@ div.donate-sponsor { } #membership { - display: block; + display: block; } #corporate-sponsorship { - display: none; + display: none; } @include state-checked("donate-view") { From dc2b91c5a2c6f43b0577fa3602bf088d05e5158b Mon Sep 17 00:00:00 2001 From: doup Date: Fri, 7 Mar 2025 09:26:03 +0100 Subject: [PATCH 35/40] Fix issues --- sass/_utils.scss | 3 +-- sass/_vars.scss | 5 ++--- sass/components/_main-menu.scss | 3 +-- sass/pages/_content.scss | 5 ++--- sass/pages/_docs.scss | 6 ------ 5 files changed, 6 insertions(+), 16 deletions(-) diff --git a/sass/_utils.scss b/sass/_utils.scss index a50b5b7cf5..bc423240f4 100644 --- a/sass/_utils.scss +++ b/sass/_utils.scss @@ -4,9 +4,8 @@ // Visual outline on focused elements, for accessibility *:focus-visible { - border-radius: 4px; + border-radius: 5px; outline: var(--focus-outline); - outline-offset: 2px; } .section { diff --git a/sass/_vars.scss b/sass/_vars.scss index 3d389ad282..8988b2cf13 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -207,7 +207,6 @@ $border-radius: 10px; --details-bg-color: var(--color-neutral-93); --details-text-shadow-color: var(--color-neutral-93); - --docs-heading-color: var(--color-neutral-93); --docs-whats-a-bevy-filter: none; --docs-footer-border-color: var(--color-neutral-19); @@ -278,7 +277,7 @@ $border-radius: 10px; --main-menu-link-outline: var(--focus-outline); --main-menu-mobile-bg-color: var(--color-neutral-13); --main-menu-mobile-box-shadow-color: #{unquote('rgb(from var(--color-black) r g b / 0.3)')}; - --main-menu-text-color: var(--color-white); + --main-menu-text-color: var(--color-neutral-93); --media-content-blockquote-bg-color: var(--color-neutral-18); --media-content-blockquote-text-color: var(--color-neutral-69); @@ -396,7 +395,6 @@ $border-radius: 10px; --details-bg-color: var(--color-neutral-17); --details-text-shadow-color: var(--color-neutral-17); - --docs-heading-color: var(--color-neutral-17); --docs-whats-a-bevy-filter: invert(85%); --docs-footer-border-color: var(--color-neutral-82); @@ -416,6 +414,7 @@ $border-radius: 10px; --heading-meta-item-color: var(--color-neutral-22); --html-bg-color: var(--color-neutral-82); + --html-text-color: var(--color-neutral-13); --layout-content-bg-color: var(--color-neutral-97); --layout-header-border-color: var(--color-neutral-45); diff --git a/sass/components/_main-menu.scss b/sass/components/_main-menu.scss index 98070198bf..e425775fbb 100644 --- a/sass/components/_main-menu.scss +++ b/sass/components/_main-menu.scss @@ -44,9 +44,8 @@ // Instead we have the outline on the text inside the link &:focus-visible span { - border-radius: 4px; + border-radius: 5px; outline: var(--main-menu-link-outline); - outline-offset: 4px; } } } diff --git a/sass/pages/_content.scss b/sass/pages/_content.scss index e8f891f805..fb6f0bb082 100644 --- a/sass/pages/_content.scss +++ b/sass/pages/_content.scss @@ -70,9 +70,8 @@ $content-font-size: 1.22rem; font-size: 1.05rem; color: var(--media-content-code-text-color); background-color: var(--media-content-code-bg-color); - border-radius: 4px; - padding-block: 2px; - padding-inline: 6px; + border-radius: $border-radius; + padding: 3px 8px; text-decoration: none; } diff --git a/sass/pages/_docs.scss b/sass/pages/_docs.scss index 110df646ee..c0517e3dfe 100644 --- a/sass/pages/_docs.scss +++ b/sass/pages/_docs.scss @@ -9,12 +9,6 @@ width: 100%; min-width: 0; - h1, - h2, - h3 { - color: var(--docs-heading-color); - } - h1 { font-size: 2.4rem; margin: 0 0 16px; From ab24164bbdbff7bc4354beefc5dfd593d99ac9a8 Mon Sep 17 00:00:00 2001 From: doup Date: Fri, 7 Mar 2025 09:28:12 +0100 Subject: [PATCH 36/40] Changed `inverted` to `invertable` --- content/news/2020-08-10-introducing-bevy/index.md | 6 +++--- content/news/2020-09-19-bevy-0.2/index.md | 4 ++-- content/news/2020-11-03-bevy-0.3/index.md | 8 ++++---- content/news/2020-12-19-bevy-0.4/index.md | 8 ++++---- content/news/2021-04-06-bevy-0.5/index.md | 6 +++--- content/news/2021-08-10-bevys-first-birthday/index.md | 2 +- content/news/2022-01-08-bevy-0.6/index.md | 4 ++-- content/news/2022-07-30-bevy-0.8/index.md | 4 ++-- content/news/2022-08-10-bevys-second-birthday/index.md | 2 +- content/news/2023-08-10-bevys-third-birthday/index.md | 2 +- .../index.md | 2 +- content/news/2023-11-04-bevy-0.12/index.md | 2 +- content/news/2024-08-10-bevys-fourth-birthday/index.md | 2 +- .../index.md | 2 +- sass/_vars.scss | 4 ++-- templates/404.html | 2 +- templates/macros/assets.html | 2 +- 17 files changed, 31 insertions(+), 31 deletions(-) diff --git a/content/news/2020-08-10-introducing-bevy/index.md b/content/news/2020-08-10-introducing-bevy/index.md index 2a6dd7bc04..af21b482ae 100644 --- a/content/news/2020-08-10-introducing-bevy/index.md +++ b/content/news/2020-08-10-introducing-bevy/index.md @@ -162,11 +162,11 @@ Bevy ECS does both of these things about as well as it can. According to the pop #### System Iteration (in nanoseconds, less is better) -ecs iter performance graph +ecs iter performance graph #### World Setup (in nanoseconds, less is better) -ecs iter performance graph +ecs iter performance graph Note that `ecs_bench` is a single threaded benchmark, so it doesn't illustrate the multi-threading capabilities of these framework. And as always, please be aware that `ecs_bench` is a micro benchmark and it doesn't illustrate the performance of a complex game. There is a lot of nuance in the ECS performance space and each of the ECS implementations above will perform differently under different workloads. @@ -1198,4 +1198,4 @@ If any of this sounds interesting to you, I encourage you to check out [Bevy on I want Bevy to become a vibrant developer community ... thats actually why I chose the name! A Bevy is a group of birds, just like we are a group of game developers. Join the Bevy! - + diff --git a/content/news/2020-09-19-bevy-0.2/index.md b/content/news/2020-09-19-bevy-0.2/index.md index 3e09e611c5..569055ea25 100644 --- a/content/news/2020-09-19-bevy-0.2/index.md +++ b/content/news/2020-09-19-bevy-0.2/index.md @@ -32,11 +32,11 @@ We decided to resolve this problem by building a custom async-friendly task syst ### Total Combined Percent CPU Usage - 8 Core Machine (smaller is better) -threading cpu usage 8 core +threading cpu usage 8 core ### Total Combined Percent CPU Usage - 32 Core Machine (smaller is better) -threading cpu usage 32 core +threading cpu usage 32 core ## Initial Web Platform Support diff --git a/content/news/2020-11-03-bevy-0.3/index.md b/content/news/2020-11-03-bevy-0.3/index.md index 4e07a11fbe..ff7df03fd7 100644 --- a/content/news/2020-11-03-bevy-0.3/index.md +++ b/content/news/2020-11-03-bevy-0.3/index.md @@ -279,7 +279,7 @@ Bevy had a number of nice performance improvements this release: Note: these numbers are for getting a component 100,000 times, not for an individual component lookup -getting an entity's component +getting an entity's component This is where the big wins were. By removing locks and safety checks from Query systems, we were able to _significantly_ reduce the cost of retrieving a specific entity's component from within a system. @@ -300,15 +300,15 @@ Additionally, here are some relevant [ecs_bench_suite](https://github.com/rust-g #### Component Insertion (in microseconds, smaller is better) -component insertion +component insertion #### Component Add/Remove (in milliseconds, smaller is better) -component add/remove +component add/remove #### Fragmented Iteration (in nanoseconds, smaller is better) -fragmented iteration +fragmented iteration ### Thread Local Resources diff --git a/content/news/2020-12-19-bevy-0.4/index.md b/content/news/2020-12-19-bevy-0.4/index.md index 27d6d94e7a..2b754aad5a 100644 --- a/content/news/2020-12-19-bevy-0.4/index.md +++ b/content/news/2020-12-19-bevy-0.4/index.md @@ -463,7 +463,7 @@ This _significantly_ reduces iterative compile times. Check out how long it take ### Time To Compile Change To 3d_scene Example (in seconds, less is better) -fast_compiles +fast_compiles We added a cargo feature to easily enable dynamic linking during development @@ -513,11 +513,11 @@ For the first optimization round, I incrementalized as much as I could: #### Frame Time to Draw 10,000 Static Sprites (in milliseconds, less is better) -bevy_round1_static +bevy_round1_static #### Frame Time to Draw 10,000 Moving Sprites (in milliseconds, less is better) -bevy_round1_dynamic +bevy_round1_dynamic ### Optimize Text Rendering (and other immediate rendering) @@ -525,7 +525,7 @@ Text Rendering (and anything else that used the `SharedBuffers` immediate-render #### Frame Time to Draw "text_debug" Example (in milliseconds, less is better) -text_rendering +text_rendering ### Mailbox Vsync diff --git a/content/news/2021-04-06-bevy-0.5/index.md b/content/news/2021-04-06-bevy-0.5/index.md index 9a0f8aae26..a299fc12e1 100644 --- a/content/news/2021-04-06-bevy-0.5/index.md +++ b/content/news/2021-04-06-bevy-0.5/index.md @@ -147,7 +147,7 @@ app.register_component( This benchmark illustrates adding and removing a single 4x4 matrix component 10,000 times from an entity that has 5 other 4x4 matrix components. The "other" components are included to help illustrate the cost of "table storage" (used by Bevy 0.4, Bevy 0.5 (Table), and Legion), which requires moving the "other" components to a new table. -component add/remove +component add/remove You may have noticed that **Bevy 0.5 (Table)** is also _way_ faster than **Bevy 0.4**, even though they both use "table storage". This is largely a result of the new [Archetype Graph](https://github.com/bevyengine/bevy/pull/1525), which significantly cuts the cost of archetype changes. @@ -181,7 +181,7 @@ We have achieved some pretty significant performance wins as a result of the new This benchmark runs a query that matches 5 entities within a single archetype and _doesn't_ match 100 other archetypes. This is a reasonable test of "real world" queries in games, which generally have many different entity "types", most of which _don't_ match a given query. This test uses "table storage" across the board. -sparse_frag_iter +sparse_frag_iter **Bevy 0.5** marks a huge improvement for cases like this, thanks to the new "stateful queries". **Bevy 0.4** needs to check every archetype each time the iterator is run, whereas **Bevy 0.5** amortizes that cost to zero. @@ -189,7 +189,7 @@ This benchmark runs a query that matches 5 entities within a single archetype an This is the [ecs_bench_suite](https://github.com/rust-gamedev/ecs_bench_suite) `frag_iter` benchmark. It runs a query on 27 archetypes with 20 entities each. However unlike the "Sparse Fragmented Iterator Benchmark", there are no "unmatched" archetypes. This test uses "table storage" across the board. -frag_iter +frag_iter The gains here compared to the last benchmark are smaller because there aren't any unmatched archetypes. However **Bevy 0.5** still gets a nice boost due to better iterator/query impls, amortizing the cost of matched archetypes to zero, and for_each iterators. diff --git a/content/news/2021-08-10-bevys-first-birthday/index.md b/content/news/2021-08-10-bevys-first-birthday/index.md index 1e7458996a..306d9ca849 100644 --- a/content/news/2021-08-10-bevys-first-birthday/index.md +++ b/content/news/2021-08-10-bevys-first-birthday/index.md @@ -260,4 +260,4 @@ I'm looking forward to spending the next year with you all! \- [@cart](https://github.com/cart/) - + diff --git a/content/news/2022-01-08-bevy-0.6/index.md b/content/news/2022-01-08-bevy-0.6/index.md index e16a601426..ae483e9d45 100644 --- a/content/news/2022-01-08-bevy-0.6/index.md +++ b/content/news/2022-01-08-bevy-0.6/index.md @@ -105,7 +105,7 @@ As a quick callout, pipelined rendering doesn't _actually_ happen in parallel ye
authors: @cart
-render graph +render graph The New Bevy Renderer has a Render Graph, [much like the old Bevy renderer](/news/introducing-bevy/#render-graph). Render Graphs are a way to logically model GPU command construction in a modular way. Graph Nodes pass GPU resources like Textures and Buffers (and sometimes Entities) to each other, forming a directed acyclic graph. When a Graph Node runs, it uses its graph inputs and the Render World to construct GPU command lists. @@ -215,7 +215,7 @@ We also have big plans to make [`Material`] even better:
authors: Rob Swain (@superdump)
-[view frustum](https://en.wikipedia.org/wiki/Viewing_frustum#/media/File:ViewFrustum.svg) +[view frustum](https://en.wikipedia.org/wiki/Viewing_frustum#/media/File:ViewFrustum.svg) Drawing things is expensive! It requires writing data from the CPU to the GPU, constructing draw calls, and running shaders. We can save a lot of time by _not_ drawing things that the camera can't see. "Frustum culling" is the act of excluding objects that are outside the bounds of the camera's "view frustum", to avoid wasting work drawing them. For large scenes, this can be the difference between a crisp 60 frames per second and chugging to a grinding halt. diff --git a/content/news/2022-07-30-bevy-0.8/index.md b/content/news/2022-07-30-bevy-0.8/index.md index 28b2cef6d9..b5c23585dc 100644 --- a/content/news/2022-07-30-bevy-0.8/index.md +++ b/content/news/2022-07-30-bevy-0.8/index.md @@ -542,7 +542,7 @@ When possible, **Bevy 0.8** now uses "unstable sorts" (currently "radix sort"), ### many_cubes stress test "opaque phase" sort times (in milliseconds, less is better) -unstable sort +unstable sort ## Vertex Colors @@ -744,7 +744,7 @@ This new representation sped up schedule construction by ~30%! ### time to prepare and compute schedule with 100 systems (in milliseconds, less is better) -label bench +label bench This change also removed a number of trait requirements from our label derives: diff --git a/content/news/2022-08-10-bevys-second-birthday/index.md b/content/news/2022-08-10-bevys-second-birthday/index.md index 3be8660583..150de333c7 100644 --- a/content/news/2022-08-10-bevys-second-birthday/index.md +++ b/content/news/2022-08-10-bevys-second-birthday/index.md @@ -211,4 +211,4 @@ This year is going to be a big one for Bevy. I'm looking forward to spending it \- [@cart](https://github.com/cart/) - + diff --git a/content/news/2023-08-10-bevys-third-birthday/index.md b/content/news/2023-08-10-bevys-third-birthday/index.md index c61edd2983..d8b3d23f6d 100644 --- a/content/news/2023-08-10-bevys-third-birthday/index.md +++ b/content/news/2023-08-10-bevys-third-birthday/index.md @@ -231,4 +231,4 @@ I'm looking forward to spending another year building Bevy with you all! \- [@cart](https://github.com/cart/) - + diff --git a/content/news/2023-09-21-community-reflection-on-bevys-third-year/index.md b/content/news/2023-09-21-community-reflection-on-bevys-third-year/index.md index a2de2f9ec1..1e6cd83fd5 100644 --- a/content/news/2023-09-21-community-reflection-on-bevys-third-year/index.md +++ b/content/news/2023-09-21-community-reflection-on-bevys-third-year/index.md @@ -57,4 +57,4 @@ Here is to another year of Bevy! \- [@cart](https://github.com/cart/) - + diff --git a/content/news/2023-11-04-bevy-0.12/index.md b/content/news/2023-11-04-bevy-0.12/index.md index ee77716df4..c5ab00cf27 100644 --- a/content/news/2023-11-04-bevy-0.12/index.md +++ b/content/news/2023-11-04-bevy-0.12/index.md @@ -202,7 +202,7 @@ Most existing user-facing asset code will either require no changes at all, or m ### Asset Preprocessing -image process diagram +image process diagram Asset preprocessing is the ability to take an input asset of a given type, process it in some way (generally during development time), and then use the result as the final asset in your application. Think of it as an "asset compiler". diff --git a/content/news/2024-08-10-bevys-fourth-birthday/index.md b/content/news/2024-08-10-bevys-fourth-birthday/index.md index a7ea60d754..5c9ebe8ca0 100644 --- a/content/news/2024-08-10-bevys-fourth-birthday/index.md +++ b/content/news/2024-08-10-bevys-fourth-birthday/index.md @@ -286,4 +286,4 @@ To many more years of Bevy! \- [@cart](https://github.com/cart/) - + diff --git a/content/news/2024-09-11-community-reflection-on-bevys-fourth-year/index.md b/content/news/2024-09-11-community-reflection-on-bevys-fourth-year/index.md index 7c56ede463..42af8f7370 100644 --- a/content/news/2024-09-11-community-reflection-on-bevys-fourth-year/index.md +++ b/content/news/2024-09-11-community-reflection-on-bevys-fourth-year/index.md @@ -61,4 +61,4 @@ Here is to another year of Bevy! \- [@cart](https://github.com/cart/) - + diff --git a/sass/_vars.scss b/sass/_vars.scss index 8988b2cf13..d444279868 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -340,7 +340,7 @@ $border-radius: 10px; --warning-color: #c8c864; - .inverted { + .invertable { } } @@ -462,7 +462,7 @@ $border-radius: 10px; --warning-color: rgb(179, 158, 24); - .inverted { + .invertable { filter: invert(90%) hue-rotate(180deg); } diff --git a/templates/404.html b/templates/404.html index ec8d97d7eb..699d86d722 100644 --- a/templates/404.html +++ b/templates/404.html @@ -7,6 +7,6 @@

404

alt="Bevy logo" width="176" height="130" - class="inverted"> + class="invertable">
{% endblock content %} diff --git a/templates/macros/assets.html b/templates/macros/assets.html index 13439fce0b..0f19d2445b 100644 --- a/templates/macros/assets.html +++ b/templates/macros/assets.html @@ -30,7 +30,7 @@ Supported bevy versions
From 89f6fde42dd7d3d76bd09b8068ccc2f97201bd38 Mon Sep 17 00:00:00 2001 From: doup Date: Fri, 7 Mar 2025 09:39:59 +0100 Subject: [PATCH 37/40] Fix `themed-picture` issues --- sass/components/_themed-picture.scss | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/sass/components/_themed-picture.scss b/sass/components/_themed-picture.scss index a6dd6bf335..064fddf435 100644 --- a/sass/components/_themed-picture.scss +++ b/sass/components/_themed-picture.scss @@ -9,18 +9,20 @@ } &__dark { - display: initial; + display: block; } } .light-mode { - .themed-picture { - &__light { - display: initial; - } + @media (prefers-color-scheme: light) { + .themed-picture { + &__light { + display: block !important; + } - &__dark { - display: none !important; + &__dark { + display: none !important; + } } } } From 4d4baa5f649a6fdc7d15e4c47806046ef26883b7 Mon Sep 17 00:00:00 2001 From: doup Date: Fri, 7 Mar 2025 09:43:10 +0100 Subject: [PATCH 38/40] Fix `themed-picture` issues (cont.) --- sass/components/_themed-picture.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/sass/components/_themed-picture.scss b/sass/components/_themed-picture.scss index 064fddf435..0030456ab9 100644 --- a/sass/components/_themed-picture.scss +++ b/sass/components/_themed-picture.scss @@ -9,7 +9,7 @@ } &__dark { - display: block; + display: inline-block; } } @@ -17,7 +17,7 @@ @media (prefers-color-scheme: light) { .themed-picture { &__light { - display: block !important; + display: inline-block !important; } &__dark { From 7271c0c6d1de05448b0d5be1a6a2a33e621bb2eb Mon Sep 17 00:00:00 2001 From: doup Date: Sat, 8 Mar 2025 09:54:36 +0100 Subject: [PATCH 39/40] Remove "donate-level" background style --- sass/_vars.scss | 1 - sass/pages/_donate.scss | 1 - 2 files changed, 2 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index d444279868..ce1e98f111 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -221,7 +221,6 @@ $border-radius: 10px; --donate-text-color: var(--color-neutral-82); --donate-link-color: var(--color-blue-link); --donate-description-color: var(--color-neutral-78); - --donate-level-bg-color: var(--color-neutral-19); --donate-level-corporate-color: var(--color-neutral-59); --donate-level-amount-color: #bababa; --donate-level-bronze-color: #9f7d6c; diff --git a/sass/pages/_donate.scss b/sass/pages/_donate.scss index 10d1f2ca28..4fb2e24d1b 100644 --- a/sass/pages/_donate.scss +++ b/sass/pages/_donate.scss @@ -123,7 +123,6 @@ div.donate-sponsor { position: relative; width: 280px; height: 134px; - background-color: var(--donate-level-bg-color); &:hover { text-shadow: none !important; From f32b3a8e7bf7711f9dda84c19322d06cb0680828 Mon Sep 17 00:00:00 2001 From: doup Date: Sat, 8 Mar 2025 10:04:20 +0100 Subject: [PATCH 40/40] Fix light mode media content links --- sass/_vars.scss | 4 ++-- sass/pages/_content.scss | 5 ++--- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/sass/_vars.scss b/sass/_vars.scss index ce1e98f111..fbea4dc8ef 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -284,9 +284,8 @@ $border-radius: 10px; --media-content-code-bg-color: var(--color-neutral-18); --media-content-code-text-color: var(--color-neutral-78); --media-content-link-code-color: #e4c151; - --media-content-link-code-hover-color: var(--color-neutral-27); + --media-content-link-code-hover-bg-color: var(--color-neutral-27); --media-content-link-color: var(--color-blue-link); - --media-content-link-hover-shadow-color: var(--color-blue-71); --media-content-text-color: var(--color-neutral-82); --menu-switch-bg-color: #{unquote('rgb(from var(--color-white) r g b / 0.05)')}; @@ -431,6 +430,7 @@ $border-radius: 10px; --media-content-code-bg-color: var(--color-neutral-93); --media-content-code-text-color: var(--color-neutral-17); --media-content-link-code-color: #d77c08; + --media-content-link-code-hover-bg-color: var(--color-neutral-88); --media-content-text-color: var(--color-neutral-27); --menu-switch-bg-color: var(--color-neutral-88); diff --git a/sass/pages/_content.scss b/sass/pages/_content.scss index fb6f0bb082..e072626473 100644 --- a/sass/pages/_content.scss +++ b/sass/pages/_content.scss @@ -61,7 +61,7 @@ $content-font-size: 1.22rem; } a:hover code { - background-color: var(--media-content-link-code-hover-color); + background-color: var(--media-content-link-code-hover-bg-color); } code { @@ -104,8 +104,7 @@ $content-font-size: 1.22rem; } a:hover { - text-shadow: 0 0 0.9px var(--media-content-link-hover-shadow-color), - 0 0 0.9px var(--media-content-link-hover-shadow-color); + text-shadow: 0 0 0.9px currentColor, 0 0 0.9px currentColor; } pre code {