Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide data for CSS #2

Open
Sanja-klinger opened this issue Aug 29, 2024 · 7 comments
Open

Provide data for CSS #2

Sanja-klinger opened this issue Aug 29, 2024 · 7 comments
Assignees

Comments

@Sanja-klinger
Copy link
Member

Sanja-klinger commented Aug 29, 2024

Extract Colors and font type, as well as eventual size relations from the "Bootcamp" Website.
Due Date: Friday

@Sanja-klinger Sanja-klinger self-assigned this Aug 29, 2024
@Sanja-klinger
Copy link
Member Author

color: #7A3CCD;

@Sanja-klinger
Copy link
Member Author

font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

@Danielle4Coding
Copy link
Member

Vielleicht noch die wichtigsten anderen Farben, so ein Fliederton ist da auf jeden Fall noch bei Aufzeichnungen im Studenthub, sonst hab ich mal so eine Art apricot auf der Startseite gesehen als Highlight.

@Sanja-klinger
Copy link
Member Author

  1. Black: rgb(0, 0, 0)#000000
  2. Light Gray: rgb(229, 231, 235)#E5E7EB
  3. White: rgb(255, 255, 255)#FFFFFF
  4. Vibrant Purple: rgb(106, 28, 195)#6A1CC3
  5. Very Dark Gray: rgb(17, 24, 39)#111827
  6. White (10% Opacity): rgba(255, 255, 255, 0.1)#FFFFFF
  7. White (8% Opacity): rgba(255, 255, 255, 0.08)#FFFFFF
  8. Peach / Light Orange: rgb(253, 186, 116)#FDBA74
  9. White (50% Opacity): rgba(255, 255, 255, 0.5)#FFFFFF
  10. White (60% Opacity): rgba(255, 255, 255, 0.6)#FFFFFF
  11. Medium Gray: rgb(112, 112, 112)#707070
  12. Dark Gray: rgb(51, 51, 51)#333333
  13. Gray: rgb(153, 153, 153)#999999
  14. Deep Purple: rgb(105, 23, 195)#6917C3
  15. Charcoal Gray: rgb(48, 48, 48)#303030
  16. Light Silver: rgb(204, 204, 204)#CCCCCC
  17. Darker Gray: rgb(102, 102, 102)#666666
  18. Very Light Gray: rgb(238, 238, 238)#EEEEEE

@Sanja-klinger
Copy link
Member Author

  1. Black: rgb(0, 0, 0)#000000
  2. Light Gray: rgb(229, 231, 235)#E5E7EB
  3. White: rgb(255, 255, 255)#FFFFFF
  4. Vibrant Purple: rgb(106, 28, 195)#6A1CC3
  5. Very Dark Gray: rgb(17, 24, 39)#111827
  6. White (10% Opacity): rgba(255, 255, 255, 0.1)#FFFFFF
  7. White (8% Opacity): rgba(255, 255, 255, 0.08)#FFFFFF
  8. Peach / Light Orange: rgb(253, 186, 116)#FDBA74
  9. White (50% Opacity): rgba(255, 255, 255, 0.5)#FFFFFF
  10. White (60% Opacity): rgba(255, 255, 255, 0.6)#FFFFFF
  11. Medium Gray: rgb(112, 112, 112)#707070
  12. Dark Gray: rgb(51, 51, 51)#333333
  13. Gray: rgb(153, 153, 153)#999999
  14. Deep Purple: rgb(105, 23, 195)#6917C3
  15. Charcoal Gray: rgb(48, 48, 48)#303030
  16. Light Silver: rgb(204, 204, 204)#CCCCCC
  17. Darker Gray: rgb(102, 102, 102)#666666
  18. Very Light Gray: rgb(238, 238, 238)#EEEEEE

@Danielle4Coding

@Danielle4Coding
Copy link
Member

Wow, wie hast du die coole Liste gemacht??

@Sanja-klinger
Copy link
Member Author

https://codepen.io/daniellecoding/pen/RwzEGpN

Dreieck by Danielle

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants