Themes - Teams but (actually) good

Be sure to have follow the dev setup before starting to dev on TBAG

Here you’ll have a full tutorial on how to make a theme for Teams but (actually) good.

If you want to make your own custom theme, it’s better to use Teams but (actually) good custom theme system so you don’t have to build the extension all the time to see the changes (or watch but it does the same thing).

Here is an example of a theme:

/**
 * @name Test Name
 * @author LeonimusT
 * @version 0.0.1
 * @description Test description.
 * @source https://github.com
 * @website https://leonimust.com
 */

.fui-FluentProvider,
[class*="fui-FluentProvider"] {
  --backgroundCanvas: #1cbf52 !important;
}

#ms-searchux-input {
  background-color: #ffffff !important;
}

In the comments you’ve different information.

@name

The name of the theme

@author (optional)

The author of the theme, you basically

@version

A simple version, e.g. 1.0.1

@description (optional)

Small description

@source (optional)

Your GitHub, GitLab or something else… Basically where the theme is hosted

@website (optional)

Your website, portfolio or something similar

Since themes are just CSS, all CSS elements are available to use, no restriction on them

In here we won’t speak on how CSS works, it’s not the goal of this page, for that you’ve this CSS Tutorial from W3School or other tutorials on Internet

Plugins