add example theme style

Author: lutinglt

styles/index.ts

@@ -23,3 +23,6 @@ import publicStyles from "./public";
 import templateStyles from "./templates";
 
 export default cssCombine(publicStyles, componentStyles, templateStyles);
+
+// 专属主题样式
+export { exampleThemeStyles } from "./themes";

styles/themes/example/button.ts

@@ -0,0 +1,44 @@
+/*!
+ * Copyright (c) https://github.com/lutinglt
+ *
+ * See the NOTICE file distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { css, cssCombine, cssStyle, themeVars } from "@lutinglt/gitea-github-theme/core";
+
+const exampleStyle = cssStyle({
+  backgroundColor: themeVars.color.body,
+  color: themeVars.color.text.self,
+  padding: 16,
+  "&:hover": {
+    backgroundColor: themeVars.color.hover.self,
+  },
+});
+
+const exampleCSS1 = css`
+  .ui.button {
+    ${exampleStyle}
+    font-size: 16px;
+  }
+`;
+
+const exampleCSS2 = css`
+  .ui.button {
+    font-weight: 600;
+  }
+`;
+
+export default cssCombine(exampleCSS1, exampleCSS2);

styles/themes/example/index.ts

@@ -0,0 +1,23 @@
+/*!
+ * Copyright (c) https://github.com/lutinglt
+ *
+ * See the NOTICE file distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { cssCombine } from "@lutinglt/gitea-github-theme/core";
+import button from "./button";
+
+export default cssCombine(button);

styles/themes/index.ts

@@ -0,0 +1,23 @@
+/*!
+ * Copyright (c) https://github.com/lutinglt
+ *
+ * See the NOTICE file distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { cssCombine } from "@lutinglt/gitea-github-theme/core";
+import example from "./example";
+
+export const exampleThemeStyles = cssCombine(example);