# theme

antd 테마 변경하기
antd 5버전부터는 간단하게 테마를 변경할 수 있다.걍 ConfigProvider를 antd에서 import해서, 각 문법에 맞게 token 내 옵션들만 변경해주면 손쉽게 완료
Flutter TextFormField enable, event, style controll
출처 : Flutter: Make a TextField Read-Only or Disabled출처 : \[Flutter] Container 위젯에 클릭 이벤트 주기출처 : Flutter TextFormField 문서출처 : How can I theme the color

[프로젝트] MUI 테마 적용하기
MUI를 사용하면 대부분의 예제가 아주 푸르다.푸르딩딩한 MUI 예제이는 MUI의 primary 컬러가 파란색으로 지정되어 있기 때문인데, 문제는 우리 서비스의 파란색과 다른 파란색이라는 것이다. 따라서, MUI가 정해놓은 primary 컬러를 우리 서비스의 prima

[Android] 공식문서만 보고 Style,Theme,ThemeOverlay 적용하기
보통은 View의 attribute값을 직접 지정해서 View를 디자인한다. 하지만 여러 뷰에게 공통적으로 쓰이는 속성들은 따로 모아놓고 재활용을 하면 코드의 중복도 줄어들고 편리해진다. stylex.xml에 따로 모아놓는다. (예전에는 theme도 styles 파일에

[Flutter] Light & Dark 테마 적용해 보기 - 다크 모드
Light & Dark 테마 적용해 보기 이번 글에서는 Flutter로 앱 개발을 할 때에 라이트 모드와 다크 모드를 적용하는 방법에 대해서 살펴보도록 하겠다. 라이트 모드와 다크 모드는 어렵지 않은 기능이지만, 생각보다 손이 많이 가는 작업 중 하나이다. Flu

Git blog 완성
전에 만들었던 깃블로그교안을 참고하여 스킨을 적용할거다.gitblog_test 폴더 생성터미널에서 git clone내가 적용한 themehttp://jekyllthemes.org/themes/flexton/theme 다운받고 git clone한 내 gitblo

💻TIL 23.05.22
Theme에는 공통으로 사용하는 스타일 내용을 정의해둔 Object이다. 위와 같이 theme의 palette에 색을 정의를 해두고 mui component를 사용할 때 필요한 color를 palette에서 꺼내 쓰는 것이다.또한 Typography의 스타일을 정의 할
dark/light mode 지정하는 방법 with typescript
🎯 typescripts에서 styled-components Theme 설정 하는 방법

Nextjs 다양한 테마 적용하기 with SSR
Nextjs 환경에서 styled-components를 사용하여 다양한 테마를 적용해보았다. 쿠키에 테마를 저장하여 SSR 적용도 해보았다.

(React + TypeScript + Styled-components) Theme
install타입스크립트 + 리액트에서는 style components를 다음과 같이 설치한다.npm install --save-dev @types/styled-componentsstyled.d.ts 파일 생성 https://styled-components.c
styled components로 theme 적용하기( dark,light )
index.jsimport {ThemeProvider} from "styled-components";<ThemeProvider></ThemeProvider>로 위와 같이 감싸준다ThemeProvider는 theme이라는 prop이 필요하다.라이트/다크 모드로
[Git] GitBlog Chirpy Jekyll Theme 적용하기
깃블로그를 만들어야지 마음을 먹으니 또 마음에 드는 테마를 찾아 헤메게되었다. 깃블로그의 장점이 커스터마이징을 할 수 있다는 것이니, 벨로그에서 고쳤으면 했던 것들을 보완해 줄 수 있는 테마를 신중하게 골랐다. 그 중 chirpy가 카테고리 안에서 카테고리를 나눌 수

[React] theme 적용법
ThemeProvider를 생성하고 theme object를 속성에 넣어주고 (우선 darkTheme 적용) App을 감싸준다.index.jstheme object에 있는 값들을 활용하여 스타일링에 활용한다.App.js각 theme는 1의 ThemeProvider에 넣

VSC 지정한 시간에 원하는 테마로 바꾸기
낮에는 라이트테마, 밤에는 다크모드를 쓰고싶은 마음에 VSC에서 제어할 수 있는 방법을 찾던 도중 알게되었다.확장프로그램에서 Auto Day Night Theme Switche를 install해준다.setting.json에 들어가 원하는대로 커스텀해주면된다.나는 19시