1 /* 2 * Copyright (c) 2024 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16 #ifndef FRAMEWORKS_BRIDGE_DECLARATIVE_FRONTEND_THEME_JS_TEXTINPUT_THEME_H 17 #define FRAMEWORKS_BRIDGE_DECLARATIVE_FRONTEND_THEME_JS_TEXTINPUT_THEME_H 18 19 #include "bridge/declarative_frontend/ark_theme/theme_apply/js_theme_utils.h" 20 #include "core/components_ng/base/view_abstract_model.h" 21 #include "core/components_ng/base/view_stack_model.h" 22 #include "core/components_ng/pattern/text_field/text_field_model.h" 23 24 namespace OHOS::Ace::Framework { 25 class JSTextInputTheme { 26 public: ApplyTheme()27 static void ApplyTheme() 28 { 29 // check whether we have Theme for id or not 30 auto themeColors = JSThemeUtils::GetThemeColors(); 31 if (!themeColors) { 32 // no need to apply custom theme colors 33 return; 34 } 35 36 // normal 37 ViewStackModel::GetInstance()->SetVisualState(VisualState::NORMAL); 38 TextFieldModel::GetInstance()->SetBackgroundColor(themeColors->CompBackgroundTertiary(), false); 39 TextFieldModel::GetInstance()->SetTextColor(themeColors->FontPrimary()); 40 TextFieldModel::GetInstance()->SetPlaceholderColor(themeColors->FontSecondary()); 41 TextFieldModel::GetInstance()->SetCaretColor(themeColors->Brand()); 42 ViewAbstractModel::GetInstance()->SetOuterBorderColor(themeColors->InteractiveFocus()); 43 ViewAbstractModel::GetInstance()->SetOuterBorderWidth({}); 44 Color selectedColor = themeColors.value().Brand(); 45 // Alpha = 255 means opaque 46 if (selectedColor.GetAlpha() == JSThemeUtils::DEFAULT_ALPHA) { 47 // Default setting of 20% opacity 48 selectedColor = selectedColor.ChangeOpacity(JSThemeUtils::DEFAULT_OPACITY); 49 } 50 TextFieldModel::GetInstance()->SetSelectedBackgroundColor(selectedColor); 51 52 // focused 53 ViewStackModel::GetInstance()->SetVisualState(VisualState::FOCUSED); 54 TextFieldModel::GetInstance()->SetBackgroundColor(themeColors->CompBackgroundTertiary(), false); 55 TextFieldModel::GetInstance()->SetCaretColor(themeColors->Brand()); 56 CalcDimension outerBorderWidth(JSTextInputTheme::outerBorderWidthPx, OHOS::Ace::DimensionUnit::PX); 57 ViewAbstractModel::GetInstance()->SetOuterBorderWidth(outerBorderWidth); 58 59 // pressed 60 ViewStackModel::GetInstance()->SetVisualState(VisualState::PRESSED); 61 TextFieldModel::GetInstance()->SetCaretColor(themeColors->Brand()); 62 ViewAbstractModel::GetInstance()->SetOuterBorderWidth({}); 63 64 // clear state 65 ViewStackModel::GetInstance()->ClearVisualState(); 66 } 67 private: 68 static constexpr double outerBorderWidthPx = 2.0; 69 }; 70 } 71 #endif // FRAMEWORKS_BRIDGE_DECLARATIVE_FRONTEND_THEME_JS_TEXTINPUT_THEME_H