feat: Add banner #3221 (#3442)

### What problem does this PR solve?

feat: Add banner #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/tailwind.config.js

@@ -65,6 +65,10 @@ module.exports = {
           DEFAULT: 'var(--background-core-standard)',
           foreground: 'var(--background-core-standard-foreground)',
         },
+        backgroundCoreWeak: {
+          DEFAULT: 'var(--background-core-weak)',
+          foreground: 'var(--background-core-weak-foreground)',
+        },
       },
       borderRadius: {
         lg: `var(--radius)`,