search

coding-bootcamps-eu / final-project-2023-12-flip-cards

0 stars 0 forks source link

Provide data for CSS #2

Open Sanja-klinger opened 2 months ago

Sanja-klinger commented 2 months ago

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

Sanja-klinger commented 2 months ago

color: #7A3CCD;

Sanja-klinger commented 2 months ago

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

Danielle4Coding commented 2 months ago

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 commented 2 months ago
  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 commented 2 months ago
  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 commented 1 month ago

Wow, wie hast du die coole Liste gemacht??

Sanja-klinger commented 1 month ago

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

Dreieck by Danielle