// 用 JavaScript 设计 Elements 的样式 const appearance = { variables: { fontFamily: "Sohne, system-ui, sans-serif", fontSizeBase: "14px", fontWeightNormal: "500", borderRadius: "8px", colorPrimary: "#FFCE48", colorText: "white", colorTextSecondary: "white", colorTextPlaceholder: "#727F96", tabIconColor: "white", tabIconSelectedColor: "#1A1B25", logoColor: "dark", }, rules: { ".Tab": { backgroundColor: "#0A2540", }, ".Tab--selected": { backgroundColor: "#FFCE48", color: "#1A1B25", }, ".Input": { backgroundColor: "transparent", border: "1.5px solid #FFCE48", }, }, };

  

    ~
  

  

        
        
        
        
          
        

// 用 JavaScript 设计 Elements 的样式 const appearance = { theme: "flat", variables: { colorBackground: "#fff", fontSizeBase: "14px", fontWeightNormal: "500", borderRadius: "2px", tabIconSelectedColor: "white", gridRowSpacing: "15px", }, rules: { ".Label": { marginBottom: "6px", }, ".Tab, .Input": { boxShadow: "0px 3px 10px rgba(18, 42, 66, 0.08)", }, ".Tab--selected": { backgroundColor: "#DF1B41", color: "white", }, }, };

  

    ~
  

  

        
        
        
        
          
        

// 用 JavaScript 设计 Elements 的样式 const appearance = { variables: { fontFamily: "Verdana", fontSizeBase: "14px", borderRadius: "0", colorBackground: "#dfdfdf", }, rules: { ".Input": { backgroundColor: "#ffffff", boxShadow: "inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080", }, ".Tab, .Block": { boxShadow: "inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf", }, ".Tab--selected, .Tab--selected:focus, .Tab--selected:hover": { backgroundColor: "#ccc", }, }, };

  

    ~