Skip to content

Commit c153150

Browse files
V48 (implementation-only): Force orange border/bg on wallet address input
.form-input still applied emerald border and blue-grey fill; override with higher-specificity surface + wallet-required rules so the address field matches the bitcoin-orange section theme.
1 parent 3f69a1a commit c153150

1 file changed

Lines changed: 37 additions & 12 deletions

File tree

uapi/styles/auxillaries-bitcode.css

Lines changed: 37 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -902,30 +902,49 @@
902902

903903
/*
904904
* Section 1. Required wallet — full orange theme for nested chrome.
905-
* Global enterprise/form-input styles default to emerald; override here.
905+
* Beat:
906+
* - .form-input green border + blue-grey fill (orbital.css)
907+
* - .orbitals-users-input-container.enterprise emerald border (profile CSS modules)
908+
* - .auxillaries-bitcode-surface .orbitals-users-input-container neutral !important
909+
* Specificity must include .auxillaries-bitcode-surface + !important.
906910
*/
907-
.wallet-required-section .orbitals-users-input-container.enterprise,
908-
.wallet-required-section .orbitals-users-input-container {
909-
background: rgba(28, 18, 12, 0.72) !important;
910-
border: 1px solid rgba(251, 146, 60, 0.32) !important;
911-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
911+
.auxillaries-bitcode-surface .wallet-required-section .orbitals-users-input-container,
912+
.auxillaries-bitcode-surface .wallet-required-section .orbitals-users-input-container.enterprise,
913+
.wallet-required-section .orbitals-users-input-container,
914+
.wallet-required-section .orbitals-users-input-container.enterprise {
915+
background: rgba(28, 18, 12, 0.88) !important;
916+
border: 1px solid rgba(251, 146, 60, 0.48) !important;
917+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22) !important;
918+
border-radius: 0 !important;
919+
overflow: hidden;
912920
}
913921

922+
.auxillaries-bitcode-surface .wallet-required-section .form-input,
914923
.wallet-required-section .form-input {
915-
color: rgba(255, 247, 237, 0.92) !important;
916-
caret-color: rgba(251, 146, 60, 0.9);
924+
background: rgba(22, 14, 10, 0.92) !important;
925+
border: 1px solid rgba(251, 146, 60, 0.42) !important;
926+
border-radius: 0 !important;
927+
color: rgba(255, 247, 237, 0.94) !important;
928+
caret-color: rgba(251, 146, 60, 0.95);
929+
box-shadow: none !important;
917930
}
918931

932+
.auxillaries-bitcode-surface .wallet-required-section .form-input::placeholder,
919933
.wallet-required-section .form-input::placeholder {
920-
color: rgba(253, 186, 116, 0.45) !important;
934+
color: rgba(253, 186, 116, 0.48) !important;
921935
}
922936

937+
.auxillaries-bitcode-surface .wallet-required-section .form-input:focus,
923938
.wallet-required-section .form-input:focus {
924-
border-color: transparent !important;
939+
background: rgba(32, 18, 10, 0.96) !important;
940+
border-color: rgba(253, 186, 116, 0.72) !important;
925941
outline: none !important;
926-
box-shadow: none !important;
942+
box-shadow:
943+
0 0 0 1px rgba(251, 146, 60, 0.35),
944+
0 0 16px rgba(251, 146, 60, 0.18) !important;
927945
}
928946

947+
.auxillaries-bitcode-surface .wallet-required-section .input-focus-indicator,
929948
.wallet-required-section .input-focus-indicator {
930949
background: linear-gradient(
931950
90deg,
@@ -935,7 +954,13 @@
935954
rgba(251, 146, 60, 0.85),
936955
transparent
937956
) !important;
938-
box-shadow: 0 0 12px rgba(251, 146, 60, 0.35) !important;
957+
box-shadow: 0 0 12px rgba(251, 146, 60, 0.4) !important;
958+
}
959+
960+
.auxillaries-bitcode-surface .wallet-required-section .form-input:focus ~ .input-focus-indicator,
961+
.wallet-required-section .form-input:focus ~ .input-focus-indicator {
962+
width: 100% !important;
963+
opacity: 1 !important;
939964
}
940965

941966
.wallet-required-section .wallet-section-secondary-button {

0 commit comments

Comments
 (0)