Semantic-UI 主题化输入文本颜色

Question

这是我第一次使用 Semantic-UI 主题，我找不到修改焦点输入文本颜色的选项。除了这个，我已经能够改变每一种颜色。我使用的是默认主题。

到目前为止，这是我的 site.variables：

/*******************************
     User Global Variables
*******************************/

/*-------------------
       Fonts
--------------------*/

@fontName: 'Montserrat';

/*-------------------
      Base Sizes
--------------------*/

/* This is the single variable that controls them all */
@emSize: 14px;

/* The size of page text  */
@fontSize: 14px;

/*-------------------
    Brand Colors
--------------------*/

@primaryColor: @orange;
@secondaryColor: @white;

@segmentColor: @gray;

/*-------------------
        Page
--------------------*/

@pageBackground: @black;

/*-------------------
       Links
--------------------*/

@linkColor: @orange;

/*--------------
   Form Input
---------------*/

/* This adjusts the default form input across all elements */
@inputBackground: @darkGray;

/* Input Text Color */
@inputColor: @orange;
@inputPlaceholderColor: darken(@textColor, 75);
@inputPlaceholderFocusColor: darken(@textColor, 45);

/*-------------------
    Focused Input
--------------------*/

/* Used on inputs, textarea etc */
@focusedFormBorderColor: @primaryColor;

/* Used on dropdowns, other larger blocks */
@focusedFormMutedBorderColor: @primaryColor;

/*-------------------
        Page
--------------------*/

@textColor: @white;

/*-------------------
      Site Colors
--------------------*/

/*---  Colors  ---*/
@orange: #f05026;
@black: #101113;
@gray: #2f2d2e;

/*---  Dark Colors  ---*/
@darkGray: #141314;

我也试过修改input.variables里的@focusColor属性，也没用

以下是处于不同状态的输入：

Answer 1

除非自从我上次使用 Semantic-UI 后这被改变了，我不记得你可以改变这个变量。你最好使用一些 CSS 来完成你想要的。见下文：

input:focus {
  color: red
}

CSS Input field text color of inputted text

Semantic-UI 主题化输入文本颜色

Semantic-UI theming focused input text color

theming

less

semantic-ui

gulp

到目前为止，这是我的 site.variables：

以下是处于不同状态的输入：