From e746c91acce93db489b67ec821fc67ea43c2c6d3 Mon Sep 17 00:00:00 2001 From: Elad Shechter Date: Thu, 9 May 2024 08:28:20 +0200 Subject: [PATCH 1/6] Add to demo page --- apps/kitchensink/scroll-test-1.html | 606 ++++++++++++++++++++++++++++ 1 file changed, 606 insertions(+) create mode 100644 apps/kitchensink/scroll-test-1.html diff --git a/apps/kitchensink/scroll-test-1.html b/apps/kitchensink/scroll-test-1.html new file mode 100644 index 0000000000..7828a1937c --- /dev/null +++ b/apps/kitchensink/scroll-test-1.html @@ -0,0 +1,606 @@ + + + + + + @appwrite/kitchensink - user demo + + + + +
+ {{> topNav}} {{> sideNav}} +
+
+
+
+

+ Color Scheme Dark +

+
+
+ +
+
+
+
+
+ +
+
+
+
+ +
+
+
Function ID:
+
+ +
+ + 63dbe0690ba2aabebb87 + +
+ +
+
+ +
+ +
Deployment ID:
+
+ +
63dbe0a661788c94e9f6 +
+
+
+ +
+
+
+
+
+
+
+
+
+
Created at:
+
Feb 2, 2023, 17:10
+ +
Updated at:
+
Feb 2, 2023, 17:10
+ +
Entrtypoint
+
Feb 2, 2023, 17:10
+
+
+
+
+ + ready +
+

5s

+
+
+
+
+
+ + +
+
+ + +
+
+
+
+ +
aa
+ + + + + + + + + +
Eldad Test
+
+
+
+
+ eldad@appwrite.io +

Joined: June 11, 2022

+
+
Unverified
+
+
+
+
+ + +
+
+
+
+
+
+
+
Update Name
+

Free text in here

+
+
+
+
    +
  • + +
    + +
    +
    • +
+
+
+
+
+ +
+
+
+
+
+
+
+
Update Email
+

Free text

+
+
+
+
    +
  • + +
    + +
    +
    • +
+
+
+
+
+ +
+
+
+
+
+
+
+
Update Password
+

+ Enter a new password. A password must contain + at least 8 characters. +

+
+
+
+
    +
  • + +
    + +
    +
    • +
+
+
+
+
+ +
+
+
+
+
+
+
+
User Preferences
+

+ You can update your user preferences by storing information + on the user's objects so they can easily be shared across + devices and sessions. +

+
+
+
+
    +
  • +
    + +
    + +
    +
    +
    + +
    + +
    +
    +
    + +
    +
    • +
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+
+
User Preferences
+

+ You can update your user preferences by storing information + on the user's objects so they can easily be shared across + devices and sessions. +

+
+
+
+
    +
  • +
    +
    Key
    +
    + +
    +
    +
    +
    Value
    +
    + +
    +
    +
    + +
    +
    • +
  • +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    • +
  • +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    • +
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+
+
Email signature
+

+ Emails sent from an organization on the Starter plan will always display Appwrite branding in their signature. +

+
+
+
+
+
+
+ [image container] +
+
+
+

Upgrade to remove Appwrite branding

+

Upgrade to a Pro plan to remove the Appwrite branding from your emails.

+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
Danger Zone
+

+ The user will be permanently deleted, including all data + associated with this user. This action is irreversible. +

+
+
+
+
+
aa
+ + + + + + + + + +
+
Eldad Test
+

eldad@appwrite.io

+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
Reviews
+
+
+
+
+
+ + Relation +
+ +
+ +
    +
  • + +
    + 63f1efg667fg6fg67fc68ac3515e4bc06 + Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com +
    +     + +
    • +
  • + +
    + 63f1efg667fg6fg67fc68ac3515e4bc06 + Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com +
    +     + +
    • +
  • + +
    + 63f1efg667fg6fg67fc68ac3515e4bc06 + Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com +
    +     + +
    • +
  • + +
    + 63f1efg667fg6fg67fc68ac3515e4bc06 + Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com +
    +     + +
    • +
  • + +
    + 63f1efg667fg6fg67fc68ac3515e4bc06 + Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com +
    +     + +
    • +
+ +
+ +

Total results: 26

+ + + +
+
+
+
+
+ +
+
+
+
+
    +
    +
    +
    +
    + + + From e03fd30241fb05c18ab4b7ea91eff01691a8bbaf Mon Sep 17 00:00:00 2001 From: Elad Shechter Date: Thu, 9 May 2024 08:31:02 +0200 Subject: [PATCH 2/6] Add to demo page --- apps/kitchensink/vite.config.js | 1 + 1 file changed, 1 insertion(+) diff --git a/apps/kitchensink/vite.config.js b/apps/kitchensink/vite.config.js index 34d769d3d3..2bf326e120 100644 --- a/apps/kitchensink/vite.config.js +++ b/apps/kitchensink/vite.config.js @@ -46,6 +46,7 @@ const config = { wizardWithModal: new URL("./wizard-with-modal.html", import.meta.url).pathname, wizardWithModalEmpty: new URL("./wizard-with-modal-empty.html", import.meta.url).pathname, fullScreenModal: new URL("./full-screen-modal.html", import.meta.url).pathname, + ScrollTest1: new URL("./scroll-test-1.html", import.meta.url).pathname, }, }, }, From 364642d3580f6426c268c558395f278a87d79431 Mon Sep 17 00:00:00 2001 From: Elad Shechter Date: Thu, 9 May 2024 08:51:48 +0200 Subject: [PATCH 3/6] Add color-scheme dark in case we have class theme-dark on HTML element --- packages/ui/src/2-resets/_typography.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/ui/src/2-resets/_typography.scss b/packages/ui/src/2-resets/_typography.scss index f83921cefe..0465b92146 100644 --- a/packages/ui/src/2-resets/_typography.scss +++ b/packages/ui/src/2-resets/_typography.scss @@ -10,6 +10,7 @@ html { scrollbar-gutter: stable; overflow: overlay; // fallback macOS overflow-x: hidden; + &:where(#{$theme-dark}) { color-scheme:dark; } } body { From 10634a34f31772337258a515377e8f15ae4c2b48 Mon Sep 17 00:00:00 2001 From: Elad Shechter Date: Thu, 9 May 2024 09:05:06 +0200 Subject: [PATCH 4/6] Remove demo --- apps/kitchensink/scroll-test-1.html | 606 ---------------------------- apps/kitchensink/vite.config.js | 1 - 2 files changed, 607 deletions(-) delete mode 100644 apps/kitchensink/scroll-test-1.html diff --git a/apps/kitchensink/scroll-test-1.html b/apps/kitchensink/scroll-test-1.html deleted file mode 100644 index 7828a1937c..0000000000 --- a/apps/kitchensink/scroll-test-1.html +++ /dev/null @@ -1,606 +0,0 @@ - - - - - - @appwrite/kitchensink - user demo - - - - -
    - {{> topNav}} {{> sideNav}} -
    -
    -
    -
    -

    - Color Scheme Dark -

    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    - -
    -
    -
    Function ID:
    -
    - -
    - - 63dbe0690ba2aabebb87 - -
    - -
    -
    -     -
    - -
    Deployment ID:
    -
    - -
    63dbe0a661788c94e9f6 -
    -
    -
    -     -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    Created at:
    -
    Feb 2, 2023, 17:10
    - -
    Updated at:
    -
    Feb 2, 2023, 17:10
    - -
    Entrtypoint
    -
    Feb 2, 2023, 17:10
    -
    -
    -
    -
    - - ready -
    -

    5s

    -
    -
    -
    -
    -
    - - -
    -
    - - -
    -
    -
    -
    - -
    aa
    - - - - - - - - - -
    Eldad Test
    -
    -
    -
    -
    - eldad@appwrite.io -

    Joined: June 11, 2022

    -
    -
    Unverified
    -
    -
    -
    -
    - - -
    -
    -
    -
    -
    -
    -
    -
    Update Name
    -

    Free text in here

    -
    -
    -
    -
      -
    • - -
      - -
      -
      • -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    -
    Update Email
    -

    Free text

    -
    -
    -
    -
      -
    • - -
      - -
      -
      • -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    -
    Update Password
    -

    - Enter a new password. A password must contain - at least 8 characters. -

    -
    -
    -
    -
      -
    • - -
      - -
      -
      • -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    -
    User Preferences
    -

    - You can update your user preferences by storing information - on the user's objects so they can easily be shared across - devices and sessions. -

    -
    -
    -
    -
      -
    • -
      - -
      - -
      -
      -
      - -
      - -
      -
      -
      - -
      -
      • -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    -
    User Preferences
    -

    - You can update your user preferences by storing information - on the user's objects so they can easily be shared across - devices and sessions. -

    -
    -
    -
    -
      -
    • -
      -
      Key
      -
      - -
      -
      -
      -
      Value
      -
      - -
      -
      -
      - -
      -
      • -
    • -
      -
      - -
      -
      -
      -
      - -
      -
      -
      - -
      -
      • -
    • -
      -
      - -
      -
      -
      -
      - -
      -
      -
      - -
      -
      • -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    -
    Email signature
    -

    - Emails sent from an organization on the Starter plan will always display Appwrite branding in their signature. -

    -
    -
    -
    -
    -
    -
    - [image container] -
    -
    -
    -

    Upgrade to remove Appwrite branding

    -

    Upgrade to a Pro plan to remove the Appwrite branding from your emails.

    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    -
    Danger Zone
    -

    - The user will be permanently deleted, including all data - associated with this user. This action is irreversible. -

    -
    -
    -
    -
    -
    aa
    - - - - - - - - - -
    -
    Eldad Test
    -

    eldad@appwrite.io

    -
    -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    Reviews
    -
    -
    -
    -
    -
    - - Relation -
    - -
    - -
      -
    • - -
      - 63f1efg667fg6fg67fc68ac3515e4bc06 - Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com -
      -       - -
      • -
    • - -
      - 63f1efg667fg6fg67fc68ac3515e4bc06 - Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com -
      -       - -
      • -
    • - -
      - 63f1efg667fg6fg67fc68ac3515e4bc06 - Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com -
      -       - -
      • -
    • - -
      - 63f1efg667fg6fg67fc68ac3515e4bc06 - Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com -
      -       - -
      • -
    • - -
      - 63f1efg667fg6fg67fc68ac3515e4bc06 - Bessie, Cooper, bessiecooper@gmail.com, bessiecooper.com -
      -       - -
      • -
    - -
    - -

    Total results: 26

    - - - -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
      -
      -
      -
      -
      - - - diff --git a/apps/kitchensink/vite.config.js b/apps/kitchensink/vite.config.js index 2bf326e120..34d769d3d3 100644 --- a/apps/kitchensink/vite.config.js +++ b/apps/kitchensink/vite.config.js @@ -46,7 +46,6 @@ const config = { wizardWithModal: new URL("./wizard-with-modal.html", import.meta.url).pathname, wizardWithModalEmpty: new URL("./wizard-with-modal-empty.html", import.meta.url).pathname, fullScreenModal: new URL("./full-screen-modal.html", import.meta.url).pathname, - ScrollTest1: new URL("./scroll-test-1.html", import.meta.url).pathname, }, }, }, From cb847b7b00a48f66c68a46833d39102ed909e0f2 Mon Sep 17 00:00:00 2001 From: Elad Shechter Date: Thu, 9 May 2024 14:46:07 +0200 Subject: [PATCH 5/6] Update logic of color-scheme --- packages/ui/src/2-resets/_typography.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/2-resets/_typography.scss b/packages/ui/src/2-resets/_typography.scss index 0465b92146..1d9c80ef65 100644 --- a/packages/ui/src/2-resets/_typography.scss +++ b/packages/ui/src/2-resets/_typography.scss @@ -10,7 +10,7 @@ html { scrollbar-gutter: stable; overflow: overlay; // fallback macOS overflow-x: hidden; - &:where(#{$theme-dark}) { color-scheme:dark; } + &:has(:where(body#{$theme-dark})) { color-scheme:dark; } } body { From 045f8f9955d9d555033040300b980d0dda6a8313 Mon Sep 17 00:00:00 2001 From: Arman Date: Wed, 15 May 2024 16:37:41 +0200 Subject: [PATCH 6/6] Create rare-pans-hide.md --- .changeset/rare-pans-hide.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/rare-pans-hide.md diff --git a/.changeset/rare-pans-hide.md b/.changeset/rare-pans-hide.md new file mode 100644 index 0000000000..e2b9132c33 --- /dev/null +++ b/.changeset/rare-pans-hide.md @@ -0,0 +1,6 @@ +--- +"@appwrite.io/pink": minor +"@appwrite.io/pink-icons": minor +--- + +Add color-scheme to HTML element