mirror of
https://github.com/gitpod-io/gitpod.git
synced 2025-12-08 17:36:30 +00:00
0c089260fe
* Replace `<SelectIDE />` with `<SelectIDEComponent />` * The latest checkbox * Don't show stable IDEs when latest is selected * Limit width * Enlarge * Remove `<SelectIDE />` * Back, back to school again * Dead code * Fix width * Use `width` instead of `max-width` * Remove unused import * Show JB beta notice * Add a margin to the selector * Remove custom modal width Co-authored-by: George Tsiolis <tsiolis.g@gmail.com> * Finish off the age-old todo :) * Remove `<SelectIDEModal />` * retest * Remove unused code * use `useUpdateCurrentUserMutation` --------- Co-authored-by: George Tsiolis <tsiolis.g@gmail.com> Co-authored-by: Milan Pavlik <milan@gitpod.io>
111 lines
3.2 KiB
JavaScript
111 lines
3.2 KiB
JavaScript
/**
|
|
* Copyright (c) 2021 Gitpod GmbH. All rights reserved.
|
|
* Licensed under the GNU Affero General Public License (AGPL).
|
|
* See License.AGPL.txt in the project root for license information.
|
|
*/
|
|
|
|
// tailwind.config.js
|
|
const colors = require("tailwindcss/colors");
|
|
|
|
module.exports = {
|
|
jit: true,
|
|
purge: ["./public/**/*.html", "./src/**/*.{js,ts,tsx}"],
|
|
important: true,
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
gray: colors.warmGray,
|
|
green: colors.lime,
|
|
orange: colors.amber,
|
|
blue: {
|
|
light: "#75A9EC",
|
|
DEFAULT: "#5C8DD6",
|
|
dark: "#265583",
|
|
},
|
|
// TODO: figure out if we want to just pull in the specific gitpod-* colors
|
|
teal: colors.teal,
|
|
sky: colors.sky,
|
|
rose: colors.rose,
|
|
"gitpod-black": "#161616",
|
|
"gitpod-gray": "#8E8787",
|
|
"gitpod-red": "#CE4A3E",
|
|
"gitpod-kumquat-light": "#FFE4BC",
|
|
"gitpod-kumquat": "#FFB45B",
|
|
"gitpod-kumquat-dark": "#FF8A00",
|
|
"gitpod-kumquat-darker": "#f28300",
|
|
"gitpod-kumquat-gradient": "linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%)",
|
|
},
|
|
container: {
|
|
center: true,
|
|
},
|
|
outline: {
|
|
blue: "1px solid #000033",
|
|
},
|
|
width: {
|
|
112: "28rem",
|
|
128: "32rem",
|
|
},
|
|
lineHeight: {
|
|
64: "64px",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
"Inter",
|
|
"system-ui",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
"Segoe UI",
|
|
"Roboto",
|
|
"Helvetica Neue",
|
|
"Arial",
|
|
"Noto Sans",
|
|
"sans-serif",
|
|
"Apple Color Emoji",
|
|
"Segoe UI Emoji",
|
|
"Segoe UI Symbol",
|
|
"Noto Color Emoji",
|
|
],
|
|
mono: [
|
|
"JetBrains Mono",
|
|
"SF Mono",
|
|
"Monaco",
|
|
"Inconsolata",
|
|
"Fira Mono",
|
|
"Droid Sans Mono",
|
|
"Source Code Pro",
|
|
"monospace",
|
|
],
|
|
},
|
|
underlineThickness: {
|
|
thin: "2px",
|
|
thick: "5px",
|
|
},
|
|
underlineOffset: {
|
|
small: "2px",
|
|
medium: "5px",
|
|
},
|
|
filter: {
|
|
// defaults to {}
|
|
// https://github.com/benface/tailwindcss-filters#usage
|
|
none: "none",
|
|
grayscale: "grayscale(1)",
|
|
invert: "invert(1)",
|
|
"brightness-10": "brightness(10)",
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {
|
|
opacity: ["disabled"],
|
|
display: ["dark"],
|
|
},
|
|
},
|
|
plugins: [
|
|
require("@tailwindcss/forms"),
|
|
require("tailwind-underline-utils"),
|
|
require("tailwindcss-filters"),
|
|
// ...
|
|
],
|
|
};
|