Index: chrome/browser/resources/chromeos/login/gaia_button.css |
diff --git a/chrome/browser/resources/chromeos/login/gaia_button.css b/chrome/browser/resources/chromeos/login/gaia_button.css |
index 19b2a032430ef60be5ec232b410b50acb4af8cfa..67f758ea4246705a33ed4c2d1798c7d85624dd5b 100644 |
--- a/chrome/browser/resources/chromeos/login/gaia_button.css |
+++ b/chrome/browser/resources/chromeos/login/gaia_button.css |
@@ -4,30 +4,37 @@ |
*/ |
:host { |
- background-color: rgb(66, 133, 244); |
+ display: inline-block; |
+} |
+ |
+paper-button { |
+ background-color: var(--google-blue-500); |
color: white; |
font-size: 14px; |
min-width: 90px; |
} |
-:host([type='link']), |
-:host([type='dialog']) { |
+:host([type='link']) paper-button, |
+:host([type='dialog']) paper-button { |
background-color: transparent; |
- color: rgb(66, 133, 244); |
+ color: var(--google-blue-500); |
margin: 0; |
min-width: 0; |
} |
-:host([type='link']:focus), |
-:host([type='dialog']:focus) { |
+:host([type='link']) paper-button[focused], |
+:host([type='dialog']) paper-button[focused] { |
background-color: rgba(66, 133, 244, 0.12); |
} |
-:host([type='link']) { |
+:host([type='link']) paper-button[disabled], |
+:host([type='dialog']) paper-button[disabled] { |
+ color: rgb(168,168,168); |
+} |
+ |
+:host([type='link']) paper-button { |
border-radius: 0; |
margin-left: -0.57em; |
margin-right: -0.57em; |
text-transform: none; |
} |
- |
- |