SlideShare a Scribd company logo

Creating a Whatsapp Clone - Part VI.pdf

S
ShaiAlmog1

The document outlines the design specifications for a WhatsApp clone, focusing on various visual components like popup dialogs, labels, buttons, and chat elements. It details CSS settings for layout and presentation, including color schemes, padding, and margins for UI elements. Consistency in font styles, sizes, and interactive features is emphasized for a cohesive user experience.

Technology
1 of 34
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
Creating a WhatsApp Clone - Part VI
#Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
#Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
#Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
#Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
#Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
#Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
#Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; font-size: 3mm; padding-top: 1mm; padding-bottom: 0px; padding-left: 1mm; padding-right: 1mm; } theme.css
PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; font-size: 3mm; padding-top: 1mm; padding-bottom: 0px; padding-left: 1mm; padding-right: 1mm; } theme.css
font-family: "native:MainLight"; font-size: 3mm; padding-top: 1mm; padding-bottom: 0px; padding-left: 1mm; padding-right: 1mm; } MultiLine2 { font-family: "native:MainLight"; font-size: 2.6mm; padding-top: 1mm; padding-bottom: 2mm; padding-left: 1mm; padding-right: 1mm; border-bottom: 1px solid gray; margin-bottom: 0px; } MultiLine3 { padding: 0px; margin: 0px; } theme.css
font-family: "native:MainLight"; font-size: 3mm; padding-top: 1mm; padding-bottom: 0px; padding-left: 1mm; padding-right: 1mm; } MultiLine2 { font-family: "native:MainLight"; font-size: 2.6mm; padding-top: 1mm; padding-bottom: 2mm; padding-left: 1mm; padding-right: 1mm; border-bottom: 1px solid gray; margin-bottom: 0px; } MultiLine3 { padding: 0px; margin: 0px; } theme.css
font-size: 2.6mm; padding-top: 1mm; padding-bottom: 2mm; padding-left: 1mm; padding-right: 1mm; border-bottom: 1px solid gray; margin-bottom: 0px; } MultiLine3 { padding: 0px; margin: 0px; } MultiLine4 { padding: 0px; margin: 0px; } MultiButton { background-color: white; border: none; theme.css
MultiLine4 { padding: 0px; margin: 0px; } MultiButton { background-color: white; border: none; margin: 0px; cn1-background-type: none; padding: 0px; } Toolbar { border: none; background-color: #075e55; border-bottom: 1px solid #07544c; padding: 0px; margin: 0px; } theme.css
MultiLine4 { padding: 0px; margin: 0px; } MultiButton { background-color: white; border: none; margin: 0px; cn1-background-type: none; padding: 0px; } Toolbar { border: none; background-color: #075e55; border-bottom: 1px solid #07544c; padding: 0px; margin: 0px; } theme.css
margin: 0px; cn1-background-type: none; padding: 0px; } Toolbar { border: none; background-color: #075e55; border-bottom: 1px solid #07544c; padding: 0px; margin: 0px; } Title { color: white; font-family: "native:MainRegular"; font-size: 3mm; padding: 2.5mm; } TitleCommand { color: white; theme.css
border-bottom: 1px solid #07544c; padding: 0px; margin: 0px; } Title { color: white; font-family: "native:MainRegular"; font-size: 3mm; padding: 2.5mm; } TitleCommand { color: white; font-family: "native:MainRegular"; font-size: 3mm; padding: 1mm; margin: 0px; } SubTitle { color: #82afaa; theme.css
font-size: 3mm; padding: 1mm; margin: 0px; } SubTitle { color: #82afaa; font-family: "native:MainRegular"; font-size: 2.7mm; padding: 2mm; margin: 0px; text-align: center; } SubTitle.pressed { color: white; } SubTitleUnderline { background-color: white; padding: 0.3mm; border-bottom: 0.1mm solid #e5e5e5; } theme.css
font-size: 3mm; padding: 1mm; margin: 0px; } SubTitle { color: #82afaa; font-family: "native:MainRegular"; font-size: 2.7mm; padding: 2mm; margin: 0px; text-align: center; } SubTitle.pressed { color: white; } SubTitleUnderline { background-color: white; padding: 0.3mm; border-bottom: 0.1mm solid #e5e5e5; } theme.css
font-size: 3mm; padding: 1mm; margin: 0px; } SubTitle { color: #82afaa; font-family: "native:MainRegular"; font-size: 2.7mm; padding: 2mm; margin: 0px; text-align: center; } SubTitle.pressed { color: white; } SubTitleUnderline { background-color: white; padding: 0.3mm; border-bottom: 0.1mm solid #e5e5e5; } theme.css
background-color: white; } ChatForm { background-image: url(images/form-background.png); cn1-source-dpi: 0; padding: 0px; margin: 0px; } FloatingActionButton { background-color: #00887a; } TextField { background-color: white; color: black; padding: 0px; margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } theme.css
background-color: white; } ChatForm { background-image: url(images/form-background.png); cn1-source-dpi: 0; padding: 0px; margin: 0px; } FloatingActionButton { background-color: #00887a; } TextField { background-color: white; color: black; padding: 0px; margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } theme.css
FloatingActionButton { background-color: #00887a; } TextField { background-color: white; color: black; padding: 0px; margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } TextFieldIcon { background-color: white; color: #868b91; padding: 0px; margin: 0.5mm; border: none; } theme.css
margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } TextFieldIcon { background-color: white; color: #868b91; padding: 0px; margin: 0.5mm; border: none; } ChatTextField { background-color: white; border: cn1-pill-border; padding: 1mm; margin: 1.5mm; } RecordButton { background-color: #00887a; color: white; theme.css
margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } TextFieldIcon { background-color: white; color: #868b91; padding: 0px; margin: 0.5mm; border: none; } ChatTextField { background-color: white; border: cn1-pill-border; padding: 1mm; margin: 1.5mm; } RecordButton { background-color: #00887a; color: white; theme.css
border: cn1-pill-border; padding: 1mm; margin: 1.5mm; } RecordButton { background-color: #00887a; color: white; border: cn1-round-border; padding: 2mm; margin: 1mm; } TextHint { font-family: "native:MainLight"; font-size: 2.5mm; color: #cccccc; } ChatTime { color: #999999; font-family: "native:MainLight"; theme.css
border: cn1-pill-border; padding: 1mm; margin: 1.5mm; } RecordButton { background-color: #00887a; color: white; border: cn1-round-border; padding: 2mm; margin: 1mm; } TextHint { font-family: "native:MainLight"; font-size: 2.5mm; color: #cccccc; } ChatTime { color: #999999; font-family: "native:MainLight"; theme.css
font-family: "native:MainLight"; font-size: 2.5mm; color: #cccccc; } ChatTime { color: #999999; font-family: "native:MainLight"; font-size: 2.2mm; background-color: transparent; } ChatText { color: black; font-family: "native:MainLight"; font-size: 2.5mm; background-color: transparent; } ChatBubbleLeft { margin-top: 1mm; margin-bottom: 1mm; theme.css
font-family: "native:MainLight"; font-size: 2.2mm; background-color: transparent; } ChatText { color: black; font-family: "native:MainLight"; font-size: 2.5mm; background-color: transparent; } ChatBubbleLeft { margin-top: 1mm; margin-bottom: 1mm; margin-left: 2mm; margin-right: 12mm; padding-left: 3mm; padding-right: 2mm; padding-top: 1mm; padding-bottom: 1mm; background-color: white; theme.css
font-family: "native:MainLight"; font-size: 2.5mm; background-color: transparent; } ChatBubbleLeft { margin-top: 1mm; margin-bottom: 1mm; margin-left: 2mm; margin-right: 12mm; padding-left: 3mm; padding-right: 2mm; padding-top: 1mm; padding-bottom: 1mm; background-color: white; } ChatBubbleRight { margin-top: 1mm; margin-bottom: 1mm; margin-right: 2mm; margin-left: 12mm; theme.css
padding-top: 1mm; padding-bottom: 1mm; background-color: white; } ChatBubbleRight { margin-top: 1mm; margin-bottom: 1mm; margin-right: 2mm; margin-left: 12mm; padding-left: 2mm; padding-right: 3mm; padding-top: 1mm; padding-bottom: 1mm; background-color: #e2ffc7; } CommandList { background-color: white; border-radius: 1mm; margin: 0px; padding: 1.5mm; theme.css
padding-top: 1mm; padding-bottom: 1mm; background-color: #e2ffc7; } CommandList { background-color: white; border-radius: 1mm; margin: 0px; padding: 1.5mm; box-shadow: 0px 0px 6pt 2pt rgba(0, 0, 0, 0.2); } Command { padding-top: 2mm; padding-bottom: 2mm; padding-left: 2mm; padding-right: 2mm; margin: 0px; font-family: "native:MainLight"; font-size: 2.5mm; } theme.css
padding-top: 1mm; padding-bottom: 1mm; background-color: #e2ffc7; } CommandList { background-color: white; border-radius: 1mm; margin: 0px; padding: 1.5mm; box-shadow: 0px 0px 6pt 2pt rgba(0, 0, 0, 0.2); } Command { padding-top: 2mm; padding-bottom: 2mm; padding-left: 2mm; padding-right: 2mm; margin: 0px; font-family: "native:MainLight"; font-size: 2.5mm; } theme.css
margin: 0px; padding: 1.5mm; box-shadow: 0px 0px 6pt 2pt rgba(0, 0, 0, 0.2); } Command { padding-top: 2mm; padding-bottom: 2mm; padding-left: 2mm; padding-right: 2mm; margin: 0px; font-family: "native:MainLight"; font-size: 2.5mm; } Day { background: #d4eaf5; color: #525f67; border-radius: 1mm; margin: 1mm; padding: 1mm; } theme.css

More Related Content

PDF
The Duck Teaches Learn to debug from the masters. Local to production- kill ...
ShaiAlmog1
 
PDF
create-netflix-clone-06-client-ui.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-01-introduction_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-02-server_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-04-server-continued_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-01-introduction.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-06-client-ui_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-03-server.pdf
ShaiAlmog1
 
The Duck Teaches Learn to debug from the masters. Local to production- kill ...
ShaiAlmog1
 
create-netflix-clone-06-client-ui.pdf
ShaiAlmog1
 
create-netflix-clone-01-introduction_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-02-server_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-04-server-continued_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-01-introduction.pdf
ShaiAlmog1
 
create-netflix-clone-06-client-ui_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-03-server.pdf
ShaiAlmog1
 

More from ShaiAlmog1 (20)

PDF
create-netflix-clone-04-server-continued.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-05-client-model_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-03-server_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-02-server.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-05-client-model.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part II.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part IX - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part II - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part V - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part IV - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part IV.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part I - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part IX.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part III - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part XI - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part VII.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part XIII - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part V.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part X - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part X.pdf
ShaiAlmog1
 
create-netflix-clone-04-server-continued.pdf
ShaiAlmog1
 
create-netflix-clone-05-client-model_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-03-server_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-02-server.pdf
ShaiAlmog1
 
create-netflix-clone-05-client-model.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part II.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part IX - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part II - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part V - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part IV - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part IV.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part I - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part IX.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part III - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part XI - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part VII.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part XIII - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part V.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part X - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part X.pdf
ShaiAlmog1
 
Ad

Recently uploaded (20)

PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
PDF
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PDF
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
PDF
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
PDF
Unlocking AI with Model Context Protocol (MCP)
Brian McKeiver
 
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PDF
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
DOCX
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
Encapsulation theory and applications.pdf
gurumoop
 
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
Unlocking AI with Model Context Protocol (MCP)
Brian McKeiver
 
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
Ad

Creating a Whatsapp Clone - Part VI.pdf

  • 1. Creating a WhatsApp Clone - Part VI
  • 2. #Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
  • 3. #Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
  • 4. #Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
  • 5. #Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
  • 6. #Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
  • 7. #Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
  • 8. #Constants { includeNativeBool: true; scrollVisibleBool: false; } PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; theme.css
  • 9. PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; font-size: 3mm; padding-top: 1mm; padding-bottom: 0px; padding-left: 1mm; padding-right: 1mm; } theme.css
  • 10. PopupDialog { background-color: white; border-radius: 1mm; margin: 0px; padding: 2mm; } Label { padding: 2mm; font-family: "native:MainLight"; font-size: 2.5mm; } MultiLine1 { font-family: "native:MainLight"; font-size: 3mm; padding-top: 1mm; padding-bottom: 0px; padding-left: 1mm; padding-right: 1mm; } theme.css
  • 11. font-family: "native:MainLight"; font-size: 3mm; padding-top: 1mm; padding-bottom: 0px; padding-left: 1mm; padding-right: 1mm; } MultiLine2 { font-family: "native:MainLight"; font-size: 2.6mm; padding-top: 1mm; padding-bottom: 2mm; padding-left: 1mm; padding-right: 1mm; border-bottom: 1px solid gray; margin-bottom: 0px; } MultiLine3 { padding: 0px; margin: 0px; } theme.css
  • 12. font-family: "native:MainLight"; font-size: 3mm; padding-top: 1mm; padding-bottom: 0px; padding-left: 1mm; padding-right: 1mm; } MultiLine2 { font-family: "native:MainLight"; font-size: 2.6mm; padding-top: 1mm; padding-bottom: 2mm; padding-left: 1mm; padding-right: 1mm; border-bottom: 1px solid gray; margin-bottom: 0px; } MultiLine3 { padding: 0px; margin: 0px; } theme.css
  • 13. font-size: 2.6mm; padding-top: 1mm; padding-bottom: 2mm; padding-left: 1mm; padding-right: 1mm; border-bottom: 1px solid gray; margin-bottom: 0px; } MultiLine3 { padding: 0px; margin: 0px; } MultiLine4 { padding: 0px; margin: 0px; } MultiButton { background-color: white; border: none; theme.css
  • 14. MultiLine4 { padding: 0px; margin: 0px; } MultiButton { background-color: white; border: none; margin: 0px; cn1-background-type: none; padding: 0px; } Toolbar { border: none; background-color: #075e55; border-bottom: 1px solid #07544c; padding: 0px; margin: 0px; } theme.css
  • 15. MultiLine4 { padding: 0px; margin: 0px; } MultiButton { background-color: white; border: none; margin: 0px; cn1-background-type: none; padding: 0px; } Toolbar { border: none; background-color: #075e55; border-bottom: 1px solid #07544c; padding: 0px; margin: 0px; } theme.css
  • 16. margin: 0px; cn1-background-type: none; padding: 0px; } Toolbar { border: none; background-color: #075e55; border-bottom: 1px solid #07544c; padding: 0px; margin: 0px; } Title { color: white; font-family: "native:MainRegular"; font-size: 3mm; padding: 2.5mm; } TitleCommand { color: white; theme.css
  • 17. border-bottom: 1px solid #07544c; padding: 0px; margin: 0px; } Title { color: white; font-family: "native:MainRegular"; font-size: 3mm; padding: 2.5mm; } TitleCommand { color: white; font-family: "native:MainRegular"; font-size: 3mm; padding: 1mm; margin: 0px; } SubTitle { color: #82afaa; theme.css
  • 18. font-size: 3mm; padding: 1mm; margin: 0px; } SubTitle { color: #82afaa; font-family: "native:MainRegular"; font-size: 2.7mm; padding: 2mm; margin: 0px; text-align: center; } SubTitle.pressed { color: white; } SubTitleUnderline { background-color: white; padding: 0.3mm; border-bottom: 0.1mm solid #e5e5e5; } theme.css
  • 19. font-size: 3mm; padding: 1mm; margin: 0px; } SubTitle { color: #82afaa; font-family: "native:MainRegular"; font-size: 2.7mm; padding: 2mm; margin: 0px; text-align: center; } SubTitle.pressed { color: white; } SubTitleUnderline { background-color: white; padding: 0.3mm; border-bottom: 0.1mm solid #e5e5e5; } theme.css
  • 20. font-size: 3mm; padding: 1mm; margin: 0px; } SubTitle { color: #82afaa; font-family: "native:MainRegular"; font-size: 2.7mm; padding: 2mm; margin: 0px; text-align: center; } SubTitle.pressed { color: white; } SubTitleUnderline { background-color: white; padding: 0.3mm; border-bottom: 0.1mm solid #e5e5e5; } theme.css
  • 21. background-color: white; } ChatForm { background-image: url(images/form-background.png); cn1-source-dpi: 0; padding: 0px; margin: 0px; } FloatingActionButton { background-color: #00887a; } TextField { background-color: white; color: black; padding: 0px; margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } theme.css
  • 22. background-color: white; } ChatForm { background-image: url(images/form-background.png); cn1-source-dpi: 0; padding: 0px; margin: 0px; } FloatingActionButton { background-color: #00887a; } TextField { background-color: white; color: black; padding: 0px; margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } theme.css
  • 23. FloatingActionButton { background-color: #00887a; } TextField { background-color: white; color: black; padding: 0px; margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } TextFieldIcon { background-color: white; color: #868b91; padding: 0px; margin: 0.5mm; border: none; } theme.css
  • 24. margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } TextFieldIcon { background-color: white; color: #868b91; padding: 0px; margin: 0.5mm; border: none; } ChatTextField { background-color: white; border: cn1-pill-border; padding: 1mm; margin: 1.5mm; } RecordButton { background-color: #00887a; color: white; theme.css
  • 25. margin: 0.5mm; font-family: "native:MainLight"; font-size: 2.5mm; } TextFieldIcon { background-color: white; color: #868b91; padding: 0px; margin: 0.5mm; border: none; } ChatTextField { background-color: white; border: cn1-pill-border; padding: 1mm; margin: 1.5mm; } RecordButton { background-color: #00887a; color: white; theme.css
  • 26. border: cn1-pill-border; padding: 1mm; margin: 1.5mm; } RecordButton { background-color: #00887a; color: white; border: cn1-round-border; padding: 2mm; margin: 1mm; } TextHint { font-family: "native:MainLight"; font-size: 2.5mm; color: #cccccc; } ChatTime { color: #999999; font-family: "native:MainLight"; theme.css
  • 27. border: cn1-pill-border; padding: 1mm; margin: 1.5mm; } RecordButton { background-color: #00887a; color: white; border: cn1-round-border; padding: 2mm; margin: 1mm; } TextHint { font-family: "native:MainLight"; font-size: 2.5mm; color: #cccccc; } ChatTime { color: #999999; font-family: "native:MainLight"; theme.css
  • 28. font-family: "native:MainLight"; font-size: 2.5mm; color: #cccccc; } ChatTime { color: #999999; font-family: "native:MainLight"; font-size: 2.2mm; background-color: transparent; } ChatText { color: black; font-family: "native:MainLight"; font-size: 2.5mm; background-color: transparent; } ChatBubbleLeft { margin-top: 1mm; margin-bottom: 1mm; theme.css
  • 29. font-family: "native:MainLight"; font-size: 2.2mm; background-color: transparent; } ChatText { color: black; font-family: "native:MainLight"; font-size: 2.5mm; background-color: transparent; } ChatBubbleLeft { margin-top: 1mm; margin-bottom: 1mm; margin-left: 2mm; margin-right: 12mm; padding-left: 3mm; padding-right: 2mm; padding-top: 1mm; padding-bottom: 1mm; background-color: white; theme.css
  • 30. font-family: "native:MainLight"; font-size: 2.5mm; background-color: transparent; } ChatBubbleLeft { margin-top: 1mm; margin-bottom: 1mm; margin-left: 2mm; margin-right: 12mm; padding-left: 3mm; padding-right: 2mm; padding-top: 1mm; padding-bottom: 1mm; background-color: white; } ChatBubbleRight { margin-top: 1mm; margin-bottom: 1mm; margin-right: 2mm; margin-left: 12mm; theme.css
  • 31. padding-top: 1mm; padding-bottom: 1mm; background-color: white; } ChatBubbleRight { margin-top: 1mm; margin-bottom: 1mm; margin-right: 2mm; margin-left: 12mm; padding-left: 2mm; padding-right: 3mm; padding-top: 1mm; padding-bottom: 1mm; background-color: #e2ffc7; } CommandList { background-color: white; border-radius: 1mm; margin: 0px; padding: 1.5mm; theme.css
  • 32. padding-top: 1mm; padding-bottom: 1mm; background-color: #e2ffc7; } CommandList { background-color: white; border-radius: 1mm; margin: 0px; padding: 1.5mm; box-shadow: 0px 0px 6pt 2pt rgba(0, 0, 0, 0.2); } Command { padding-top: 2mm; padding-bottom: 2mm; padding-left: 2mm; padding-right: 2mm; margin: 0px; font-family: "native:MainLight"; font-size: 2.5mm; } theme.css
  • 33. padding-top: 1mm; padding-bottom: 1mm; background-color: #e2ffc7; } CommandList { background-color: white; border-radius: 1mm; margin: 0px; padding: 1.5mm; box-shadow: 0px 0px 6pt 2pt rgba(0, 0, 0, 0.2); } Command { padding-top: 2mm; padding-bottom: 2mm; padding-left: 2mm; padding-right: 2mm; margin: 0px; font-family: "native:MainLight"; font-size: 2.5mm; } theme.css
  • 34. margin: 0px; padding: 1.5mm; box-shadow: 0px 0px 6pt 2pt rgba(0, 0, 0, 0.2); } Command { padding-top: 2mm; padding-bottom: 2mm; padding-left: 2mm; padding-right: 2mm; margin: 0px; font-family: "native:MainLight"; font-size: 2.5mm; } Day { background: #d4eaf5; color: #525f67; border-radius: 1mm; margin: 1mm; padding: 1mm; } theme.css